Empty
Empty-state surface — icon + title + description + optional CTA.
ui display
Preview
Installation
npx slintcn@latest add emptyUsage
import { Empty } from "slintcn/components/empty.slint";
import { LucidePaths } from "slintcn/components/lucide-paths.slint";
Empty {
icon: LucidePaths.plus;
title: "No customers yet";
description: "Invite your first customer to get started.";
action-label: "Invite customer";
action-clicked => { /* … */ }
}Properties
icon
in
string
SVG path commands for the leading icon (pass `LucidePaths.*`).
title
in
string
Bold heading at the top.
description
in
string
Body text below the title.
action-label
in
string
CTA button label; empty string hides the button.
action-clicked
callback
()
Fired when the CTA button is pressed.
API
Accessibility
focusablenoDependencies
Installed automatically as transitive dependencies of slintcn add empty.