Menu
Components
Accordion
Live compiled demo for the Accordion component contract.
Shipping windows are selected during checkout.
Billing contacts receive invoice updates.
| data-state | open, closed, disabled |
|---|---|
| keyboard | Native button activation opens an item; group keyboard maps are primitive-owned |
| change reasons | trigger-click, programmatic |
Usage
Vertically stacked headers that each expand to reveal a panel, with single- or multi-open behavior.
- Import the versioned component from
@kovojs/ui/accordion. - Copy the source into your app with
kovo add accordionwhen product code should own the implementation.
Source
- Package source:
packages/ui/src/accordion.tsx - Gallery fixture:
examples/gallery/src/demo-fixtures.tsx - Interactive demo:
examples/gallery/src/interactive/accordion-demo.tsx
Behavior contract
The rendered fixture above includes the component contract table. Interactive pages compile the authored TSX demo and then lift the same contract table from the static fixture, so the visible behavior and documented ARIA/data-state surface stay together.