Pseudo selectors#

style props allow you to specify certain pseudo selectors. This allows you to add adhoc styling for particular interactions.

The available pseudo selectors you can use are:

  • _hover for :hover
  • _active for :active
  • _hoveractive for :hover:active
  • _focus for :focus
  • _visited for :visited
  • _disabled for :disabled
This is a box
Editable example

Group pseudo selectors#

style props allow you to style a child when its parent has a certain pseudo class and has the role="group" attribute.

The available pseudo selectors you can use are:

  • _groupHover for [role=group]:hover &
  • _groupActive for [role=group]:active &
  • _groupFocus for [role=group]:focus &
  • _groupVisited for [role=group]:visited &
  • _groupDisabled for [role=group]:disabled &
This is a box, I am visible when my parent is hovered on
Editable example
Copyright © 2021 Jake Moxey