Drawer

A modal sheet anchored to a screen edge.

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 { Drawer } from 'fractalsvelte';
</script>

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

<Drawer />

Prop	Type	Default	Description
`title`	`string`	`-`	The heading shown in the surface.
`trigger`	`string`	`'Open drawer'`	Label for the control that opens the surface.
`side`	`'top' \| 'right' \| 'bottom' \| 'left'`	`'right'`	Which edge the surface is anchored to.
`open`	`boolean`	`false`	Whether the drawer is open. Supports bind:.