Containers

Accordion

Collapsible sections for raw payloads, advanced options, and secondary detail groups.

Accordion Props

Accordion is a <div> wrapper with no custom props. It groups AccordionItem children.

AccordionItemProps props

Prop	Type	Default	Description
`title`	`ReactNode`	—	Header label on the toggle button.
`meta`	`ReactNode`	—	Dim right-aligned meta on the header row (counts, sizes).
`open`	`boolean`	—	Controlled open state.
`defaultOpen`	`boolean`	`false`	Initial open state when uncontrolled.
`onOpenChange`	`(open: boolean) => void`	—	Callback when open state changes.
`children`	`ReactNode`	—	Body content. Unmounted while collapsed unless keepMounted is set.
`keepMounted`	`boolean`	`false`	Keeps panel children mounted while collapsed. Defaults to false. Passed through to Collapsible.

Request body

Response headers

Timing

Accordion

Advanced options

These settings are visible by default.

Raw payload

Accordion with defaultOpen

Errors3 items

Warnings12 items

Accordion with meta

ImportTSX

import { Accordion, AccordionItem } from "@solarius/onset";
import type { AccordionItemProps } from "@solarius/onset";