ArdoAccordion

On this page

Collapsible documentation content section.

Works standalone or inside an ArdoAccordionGroup. Collapsed content stays in the pre-rendered HTML (hidden="until-found"), so it remains visible to search engines and the browser's find-in-page.

import { ArdoAccordion } from "ardo/ui"

<ArdoAccordion title={…}>{children}</ArdoAccordion>

Props

Name	Type	Required	Description
`title`	`ReactNode`	Yes	Accordion summary/title.
`children`	`ReactNode`	Yes	Collapsible content.
`defaultOpen`	`boolean`	No	Whether the accordion starts open.
`icon`	`ReactNode \| string`	No	Optional built-in or custom registered icon name, or a React node shown before the title.
`headingLevel`	`ArdoAccordionHeadingLevel`	No	Heading level used for the accordion trigger.
`value`	`string`	No	Stable item value used by AccordionGroup only-one-open mode.
`className`	`string`	No	Additional CSS class.

Props type: ArdoAccordionProps