OpenKnowledge
Components

Accordion

Standalone expand/collapse via native HTML5 <details>/<summary>. Group siblings with the `name` prop for exclusive-accordion UX

Example

Preview
Show me the detailsClick to expand

Native <details> under the hood — same substrate as the app render. Pass a shared name to sibling accordions and the browser will keep only one open at a time.

<Accordion title="Title">
  Body content revealed when the accordion is expanded.
</Accordion>

Props

Prop

Type

Also matches: toggle, accordion, expandable, details, disclosure, collapse, fold

Author it

Type /toggle in the editor to insert it from the slash menu, or write the tag directly in source mode. The Properties panel on the right of the editor exposes every prop above as a form field once the block is selected.

On this page

Product updates