Sheet
Side-anchored drawer (top/right/bottom/left) with slide animation.
ui overlay
Preview
Installation
npx slintcn@latest add sheetUsage
import { Sheet, SheetSide } from "slintcn/components/sheet.slint";
Sheet {
width: parent.width;
height: parent.height;
open <=> sheet-open;
side: SheetSide.right;
title: "Filters";
}Properties
open
in-out
bool
Two-way; consumer sets true to slide in, slintcn sets false on close.
side
in
SheetSide
Edge to attach to — `top`, `right`, `bottom`, `left`.
title
in
string
Heading inside the sheet.
description
in
string
Body text under the title.
dismiss-on-backdrop
in
bool
When true, clicking outside the sheet closes it.
panel-extent
in
length
Cross-axis dimension of the panel: width for left/right, height for top/bottom.
dismissed
callback
()
Fired when the sheet closes for any reason.
API
SheetSidetoprightbottomleftAccessibility
focusableyeskeyboardEscapeEscapedismissesDependencies
Installed automatically as transitive dependencies of slintcn add sheet.