On this Page
DrawerTrigger
DrawerTrigger is the compound Drawer trigger. It is an explicit alias of SheetTrigger and sets the nearest DrawerRoot’s open state to true.
Usage
Svelte
<script lang="ts">
import { DrawerContent, DrawerRoot, DrawerTrigger } from 'fractalsvelte';
</script>
<DrawerRoot>
<DrawerTrigger>Open navigation</DrawerTrigger>
<DrawerContent>Navigation links</DrawerContent>
</DrawerRoot>
API
| Prop | Type | Default | Description |
|---|---|---|---|
children | Snippet | required | Content rendered inside the native trigger button. |
Related
DrawerTrigger must be rendered beneath DrawerRoot. Use DrawerContent for the surface it opens.