Skip to main content

Collapsible

Show and hide content in a collapsible container.

Usage

document.md
		<script>
	import { Collapsible, DemoContainer } from "@svecodocs/kit";
</script>
 
<Collapsible title="more info">
	<!-- space here so MD can render -->
	To learn more about SvelteKit, check out the [SvelteKit documentation](https://svelte.dev/kit).
	<!-- space here so MD can render -->
</Collapsible>
	

Example

Props

title
type: string
The title to display in the trigger. "Hide" and "Show" prefix will be added automatically.
open
type: boolean
Whether the content should be open or closed.
default: false
triggerContent
type: Snippet
Override the content inside of the trigger button.
children
type: Snippet
The content that is collapsible.