ObjectUIComponentsDisclosure
Accordion
Expandable content sections
Examples
The second item sets disabled: true, which the renderer forwards to that item
only — the rest of the accordion stays interactive.
Basic Accordion
Schema
interface AccordionItem {
value: string; // Unique item identifier
title: string; // Item title/trigger
content: SchemaNode | SchemaNode[]; // Item content
disabled?: boolean; // Disables this item only
}
interface AccordionSchema {
type: 'accordion';
items: AccordionItem[];
accordionType?: 'single' | 'multiple'; // Selection mode; default 'single'
collapsible?: boolean; // Whether items can be collapsed; default true
defaultValue?: string | string[]; // Default expanded item value(s)
value?: string | string[]; // Controlled expanded item value(s)
onValueChange?: (value: string | string[]) => void;
variant?: 'default' | 'bordered' | 'separated'; // default 'default'
}