Accordion overview

Accordion wrappers bring baseline item separators, trigger ergonomics, and animated panel treatment on top of the shared primitive behavior contract.

Imports

Import the wrapper surface when you want the built-in shell styles and motion defaults.

import {
  TngAccordionComponent,
  TngAccordionIndicator,
  TngAccordionItemComponent,
  TngAccordionTriggerComponent,
  TngAccordionPanelComponent,
} from '@tailng-ui/components';

Accessibility baseline

• Wrapper triggers still expose aria-expanded, aria-controls, and disabled semantics.
• Panels expose role="region" with aria-labelledby back to the trigger.
• Arrow keys, Home or End, Enter, and Space follow the same primitive keyboard contract underneath.