Get the pseudo state

`webflow.getPseudoMode()`

Get the current pseudo-class state (e.g. hover, focus, pressed) of the designer.

1 webflow.getPseudoMode(): Promise<null | PseudoStateKey>

A Promise that resolves to the current pseudo-class state of the designer, or null if no pseudo-state is active.

Promise<PseudoStateKey | null>

1 const pseudoState = await webflow.getPseudoMode();
2 console.log(pseudoState);
3 // Output: "hover"

Try this example

Designer Ability	Locale	Branch	Workflow	Sitemode
canAccessCanvas	Any	Any	Any	Any

Pseudo-State	Designer State	Description
`hover`	Hover	Element is hovered over by the mouse
`pressed`	Pressed	Element is in pressed state
`visited`	Visited	Link element has been visited
`focus`	Focused	Element has keyboard/input focus
`focus-visible`	Focused (Keyboard)	Element has keyboard focus with visible indicator
`focus-within`	—	Element or its descendant has focus
`placeholder`	Placeholder	Placeholder text in form block inputs
`first-child`	First Item	First Collection Item in a collection list
`last-child`	Last Item	Last Collection Item in a collection list
`nth-child(odd)`	Odd Items	Odd-numbered Collection Item in a collection list
`nth-child(even)`	Even Items	Even-numbered Collection Item in a collection list

1	const pseudoState = await webflow.getPseudoMode();
2	console.log(pseudoState);
3	// Output: "hover"