Alert
Bordered callout (icon + title + description); default/destructive.
ui feedback
Preview
Installation
npx slintcn@latest add alertUsage
import { Alert, AlertVariant } from "slintcn/components/alert.slint";
import { LucidePaths } from "slintcn/components/lucide-paths.slint";
Alert {
icon: LucidePaths.check;
title: "Deployed";
description: "Your changes are live.";
}Properties
title
in
string
Bold heading at the top of the alert.
description
in
string
Body text below the title.
icon
in
string
SVG path commands for the leading icon — pass a `LucidePaths.*` value.
variant
in
AlertVariant
Tone — `default` or `destructive`.
API
AlertVariantdefaultdestructiveDependencies
Installed automatically as transitive dependencies of slintcn add alert.