Overlay.sheet
Progressive
Sheet panel component for side or edge-mounted overlays.
Use sheet/1 for desktop-style settings panels and side drawers.
Right sheet
<.sheet id="settings-sheet">
<:trigger><.button variant={:outline}>Open settings</.button></:trigger>
<:title>Workspace settings</:title>
<:description>Manage defaults for the current workspace.</:description>
<div class="space-y-2 text-sm">
<p>Theme: System</p>
<p>Notifications: Enabled</p>
</div>
</.sheet>
Attributes
| Name | Type | Default | Values | Global Includes |
|---|---|---|---|---|
class
|
:string |
— | — | — |
id
Required
|
:string |
— | — | — |
open
|
:boolean |
false
|
— | — |
rest
|
:global |
— | — | — |
side
|
:atom |
:right
|
:top
,
:right
,
:bottom
,
:left
|
— |
Slots
| Slot | Slot Attributes |
|---|---|
description
|
— |
footer
|
— |
inner_block
Required
|
— |
title
|
— |
trigger
Required
|
— |