Glasswave UI

Accordion

A vertically stacked set of interactive headings that each reveal a section of content.

Accordion

Installation

1pnpm dlx shadcn@latest add @glasswave/accordion

Usage

1import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from "glasswave";
1<Accordion type="single" collapsible>2  <AccordionItem value="item-1">3    <AccordionTrigger>Is it accessible?</AccordionTrigger>4    <AccordionContent>5      Yes. It adheres to the WAI-ARIA design pattern.6    </AccordionContent>7  </AccordionItem>8</Accordion>

API Reference

See the Radix UI Accordion documentation.