Skip to Content

accordion

ui

A vertically stacked set of interactive headings that reveal content.

Use cases

  • FAQ sections
  • Settings panels with collapsible groups
  • Navigation menus with expandable sections
  • Content-heavy pages that need progressive disclosure

Features

  • Single or multiple items open at once
  • Keyboard navigation (Arrow keys, Home, End)
  • Animated open/close transitions
  • WAI-ARIA compliant

Preview

Interactive preview with light/dark mode toggle. Switch to Code tab to view the full source.

Installation

npx shadcn@latest add https://registry.mukoko.com/api/v1/ui/accordion

Dependencies

radix-uilucide-react

API

Fetch this component's metadata and source code from the registry API.

GET/api/v1/ui/accordion

Source

components/ui/accordion.tsx