Sidebar
A collapsible navigation surface.Examples
Installation
Install the package, then import only the components a route uses. Exports are tree-shakable.
Install
pnpm add fractalsvelteImport
<script lang="ts">
import { Sidebar } from 'fractalsvelte';
</script>Usage
Usage
<script lang="ts">
import { Sidebar } from 'fractalsvelte';
</script>
<Sidebar />Props
| Prop | Type | Default | Description |
|---|---|---|---|
title | string | 'Navigation' | The heading shown in the surface. |
open | boolean | true | Whether the surface is open. Supports bind:. |
side | 'left' | 'right' | 'left' | The side of the layout where the sidebar is placed. |
variant | 'sidebar' | 'floating' | 'sidebar' | The sidebar surface treatment. |