Component · C-030

Accordion

Groups secondary content into sections that open and close. It can keep a single section open or several at once.

Install

Install koten-theme first when the project has no Koten tokens yet.

npx shadcn@latest add https://koten.codehive.com.co/r/accordion.json

Accessibility

• Each trigger is a button inside a header and exposes aria-expanded and aria-controls.
• Focus stays on the trigger after opening or closing.
• The chevron rotates and the title changes color, so the state does not rely on a single cue.
• The closed panel is hidden from screen readers; the trigger communicates the state.

Read the whole page

• Markdown page
• Agent index (llms.txt)
• Full documentation (llms-full.txt)

Koten UI · llms.txt · llms-full.txt · Markdown