Edge Panel — a collapsible side panel fixed to the screen edge.
Shows only a thin 6px handle strip by default. Clicking the handle slides the panel open. A pin button in the header locks it open so it won’t close on outside clicks. Pin state is persisted to localStorage when id is set.
<Panel side="right" title="Inspector" id="inspector-panel" width="320px">
<p>Panel content here</p>
</Panel>
Props
| Type | Name | Description |
|---|---|---|
| ‘left’ | ‘right’ | side? |
Which screen edge to attach to |
| string | title? |
Optional header title |
| string | width? |
Panel open width (CSS value) |
| string | id? |
Optional ID for localStorage pin persistence |
| import(‘svelte’).Snippet | children? |
Panel body content |