On this Page
DrawerClose
DrawerClose is an explicit alias of SheetClose. It sets the nearest DrawerRoot’s shared open state to false when activated.
Usage
Svelte
<script lang="ts">
import { DrawerClose, DrawerContent, DrawerRoot, DrawerTrigger } from 'fractalsvelte';
</script>
<DrawerRoot>
<DrawerTrigger>Open preferences</DrawerTrigger>
<DrawerContent>
<DrawerClose>Done</DrawerClose>
</DrawerContent>
</DrawerRoot>
API
| Prop | Type | Default | Description |
|---|---|---|---|
children | Snippet | required | Content rendered inside the native close button. |
Related
DrawerClose must be rendered beneath DrawerRoot, usually within DrawerContent.