Collapsible

Reveal optional content in place.

Examples

Install the package, then import only the components a route uses. Exports are tree-shakable.

Install

pnpm add fractalsvelte

Import

<script lang="ts">
	import { Collapsible } from 'fractalsvelte';
</script>

<script lang="ts">
	import { Collapsible } from 'fractalsvelte';
</script>

<Collapsible label="Toggle details">More detail</Collapsible>

Prop	Type	Default	Description
`label`	`string`	`-`	Accessible label for the trigger.
`open`	`boolean`	`false`	Whether the surface is open. Supports bind:.
`disabled`	`boolean`	`false`	Prevents interaction while preserving semantic state.