Accordion

FAQ and docs sections that expand.

Installation

Once per app, set up Aedis UI. The CLI verifies the signed release before writing anything and pins every dependency:

npx @aedis/cli@0.1.0 init

Import the theme once in your global CSS, after Tailwind:

app/globals.css
@import "tailwindcss";@import "./styles/aedis-theme.css";

Then add the component:

npx @aedis/cli@0.1.0 add accordion# pnpm dlx @aedis/cli@0.1.0 add accordion · yarn dlx @aedis/cli@0.1.0 add accordion · bunx @aedis/cli@0.1.0 add accordion

Props

PropTypeDefaultDescription
multiplebooleanfalseAllow several items open at once.
hiddenUntilFoundbooleantrueCollapsed content stays in the DOM and opens when the browser's in-page search finds it.
...props@base-ui/react Accordion props—Every prop of the underlying Base UI part, including render for composition.

Security

  • Content is rendered as data; collapsed content stays in the DOM, so nothing is fetched or injected on open.