Components
Accordion
Sections that open and close. Single or multiple open at once, optionally collapsible.
Client componentUses state or handlers, so it starts with "use client".
import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from "@glob-ui/accordion"Preview
Orders ship within 2 business days.
You can return items within 30 days.
Hidden.
Examples
Multiple
type="multiple" lets several items stay open.
Yes. It follows the WAI-ARIA accordion pattern.
Yes, with a grid-rows transition that respects reduced motion.
API
Props are generated from the TypeScript types in the package source.
Accordion
Prop
Type
AccordionItem
Prop
Type
AccordionTrigger
Prop
Type
AccordionContent
Prop
Type
Accessibility
| Key or action | Behaviour |
|---|---|
| Enter, Space on a header | Opens or closes the section. With type="single" and not collapsible, the open section cannot be closed. |
| ArrowDown, ArrowUp, Home, End | Move between headers. The list loops. Disabled headers are skipped. |
| Closed content | Inert and hidden from assistive technology. |
ARIA. Each header is a button with aria-expanded and aria-controls. Each panel is role="region" labelled by its header. headingLevel sets the heading tag around the button.