Components / collapsible

collapsible

Standalone collapsible (like accordion but unstyled).

status: stable js: none support: details

Preview

T

Markup

<details class="collapsible"><summary class="collapsible-trigger">T</summary><div class="collapsible-content">…</div></details>

Install

Import the component CSS (depends on base/tokens.css):

@import "@russfranky/shadcss/src/components/collapsible.css";

…or copy it into your repo with the CLI:

npx @russfranky/shadcss-cli add collapsible

Accessibility

Classes

.collapsible .collapsible-trigger .collapsible-content

Dependencies

base/tokens