Disclosure
Presence
A wrapper that animates one child in and out. It keeps the child on screen until the exit animation finishes.
ReactVueWeb Components
View in Storybook Playground
Props
| Name | Type | Default | Description |
|---|---|---|---|
present required | boolean | — | Whether the child should be shown. Exit animation plays when it goes false. |
enter | AnimationName | fade-in | Entrance animation (catalog name). @default 'fade-in' |
exit | AnimationName | fade-out | Exit animation (catalog name). @default 'fade-out' |
children required | ReactElement | — | The single element to animate. It must accept `className`, `style`, and a forwarded `ref` (every Lily component does). |
Accessibility
- Body/background contrast is ≥ 7:1 (AAA) in both light and dark.
- Every interaction works with the keyboard alone.
- The focus ring is always visible.
- Respects prefers-reduced-motion and stops excessive motion.
Every component is designed to meet WCAG 2.1 AAA.