Docs / Components
SenseStyleClassDirective
Enter/leave CSS class animation helper for toggled visibility from @artificialsenselabs/ui.
Live demo: run nx serve showcase and open /components/style-class (port 4202).
Overview
Category: Display. Selector: [senseStyleClass]. Import: import { SenseStyleClassDirective } from '@artificialsenselabs/ui';
Accessibility
- Animation phases respect
prefers-reduced-motionwhen configured. - Toggle state is driven by host visibility — pair with semantic show/hide patterns.
- Optional outside-click dismiss avoids trapping pointer focus on hidden content.