Components / Accordion

Accordion

Vertically stacked, expandable sections. Single or multiple open, full keyboard navigation, and height animation driven by a CSS variable the engine publishes.

Examples

Yes. The Navius brain supplies the ARIA roles, keyboard model, and focus management.

razor
<ZitsAccordion Type="single" Collapsible="true">
    <ZitsAccordionItem Value="item-1">
        <ZitsAccordionTrigger>Is it accessible?</ZitsAccordionTrigger>
        <ZitsAccordionContent>Yes. ARIA + keyboard from the brain.</ZitsAccordionContent>
    </ZitsAccordionItem>
</ZitsAccordion>

Installation

Terminal bash
navius add accordion

API reference

ZitsAccordion (root):

Prop Type Default
Type string "single"
Value / Values string? / IEnumerable<string>? -
DefaultValue string? -
Collapsible bool false
Disabled bool false
Orientation string "vertical"