Skip to content
LoidoltTheme 0.11.1
Svelte 5

Component

Sidebar

A complementary column beside the canvas.

import { Sidebar } from '@loidolt/theme-svelte';

Example

Notes

  • label only matters when several complementary regions need telling apart — for a single sidebar it just repeats the role.

Props

Generated from the component source, so it cannot drift from the implementation.

Sidebar props
PropTypeDefaultNotes
children required Snippet—
class string—
label string—Accessible name. Only needed to tell several complementary regions apart — leave unset for a single sidebar, since "Sidebar" only repeats the role.
ref bindableHTMLElement | nullnull
side 'left' | 'right''left'

Plus the attributes of HTMLAttributes<HTMLElement>, forwarded to the root element.