UI / Components / layout / Accordion

Accordion

Native <details> with stable Cmd+F.

Accordion built on native `<details>` so Cmd+F finds text inside collapsed sections. Theme-aware chevron + smooth open/close. Use anywhere you'd want progressive disclosure that still ranks in search.

$npx dock-ui add accordion

Usage

import { Accordion, AccordionItem } from "@/components/ui/accordion";

<Accordion>
  <AccordionItem summary="What is Dock?">A shared cloud workspace…</AccordionItem>
  <AccordionItem summary="How does pricing work?">Flat monthly…</AccordionItem>
</Accordion>

Install

via CLI

$ npx dock-ui add accordion

Writes the file(s) directly to your components/ui/ folder. You own the code.

For agents

curl -L https://ui.trydock.ai/r/accordion.json

Returns a JSON manifest with file paths + contents. Agent-readable, LLM-fetchable.

← All components

Themes·Component kit · glossary

View on GitHub →