ZAccordion

Collapsible content sections for organizing information.

Preview

Import

import { ZAccordion } from "zurto-ui";

Usage

import { ZAccordion, ZAccordionItem } from "zurto-ui";

function Example() {
  return (
    <ZAccordion>
      <ZAccordionItem title="What is Zurto UI?">
        Zurto UI is a modern React component library.
      </ZAccordionItem>
      <ZAccordionItem title="How do I install it?">
        npm install zurto-ui
      </ZAccordionItem>
    </ZAccordion>
  );
}

Props

| Prop | Type | Default | Description | | --------------- | --------- | --------- | ------------------- | -------------------- | | allowMultiple | boolean | false | Allow multiple open | | defaultIndex | number | number[] | - | Default open item(s) |

Accessibility

• ✅ Keyboard navigation support
• ✅ ARIA attributes included
• ✅ Screen reader friendly
• ✅ Focus management