Fold
Under the fold
A native disclosure. The law is one sentence.
The law
A poster you can install.
Collapsible
A bare native <details>.
Show the details
Quiet, on the grid.
Install
npx @noordvc/raster-cli add collapsible
Markup
<details class="rs-disclosure"><summary>Show the details<svg class="rs-acc-chevron" viewBox="0 0 16 16" width="14" height="14" fill="none"><path d="M4 6l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></summary><div class="rs-disclosure-body">Here they are.</div></details>
React
import { Collapsible } from "@/components/raster/collapsible";
<Collapsible title="Show the details">Here they are.</Collapsible>Classes
.rs-disclosure.rs-disclosure-body