SOROUSH.DESIGN
Design SystemMarkdownStyled System

Fade

Fades one child in and out by its opacity. The child holds a ref and takes a style - a ref-holding component, or a DOM element - and the transition draws its opacity on it.

Source

Accessibility

  • Out, the child is visibility: hidden, so it is out of the tab order and the accessibility tree.
  • Nothing moves for a user who asked for less motion.
  • Use shouldUnmountOnExit for content that should not exist while it is out.