Users can also style components according to their state. States correspond to CSS pseudo-classes. When selecting a state, users get a preview of the styling of a component in that state, without having to trigger it.
Basic components (except the Video component) can have the following states:
- default (no pseudo-class selected)
- hover
The Action block component (available in the Search results and Reader designer), and the Link component can have the following states:
- default (no pseudo-class selected)
- hover
- active
- focus
- focus-visible
The Link component can also have the visited pseudo-class.