layout/@mihcm/ui·v0.21.0·stable

Accordion

Vertically stacked collapsible sections. Supports single (one open) and multiple (any number open) modes with animated height transitions.

Configurator Examples Usage Accessibility Api

Live preview

Adjust the controls on the right; the preview and code update in real time.

example.tsxtsx

StackBlitz

import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from '@mihcm/ui/Accordion';

export function Example() {
  return (
    <Accordion
  type="single"
  variant="default"
  duration="normal"
    ></Accordion>
  );
}

Install

Both paths are valid. CLI ships the source into your repo (you own it). Install pins via npm.

npx @mihcm/cli add Accordion

Copies the source into components/ds/Accordion.tsx. You own the file. Use --out to override the directory or --force to overwrite.