Alert
A callout for drawing attention to important messages.
Heads up!
You can add components to your app using the CLI.
Session expired
Your session has expired. Please log in again.
Installation
Installs the style saved in lily.json. For a new Diamond project,
run lily-svelte init --style diamond first.
Install the lily base and `utils` (run once per project).
npx lily-svelte@latest init Copy the alert source from the registry into $lib/components/ui/alert.
Usage
<script lang="ts">
import { Alert, AlertTitle, AlertDescription } from '$lib/components/ui/alert';
</script>
<Alert>
<AlertTitle>Heads up!</AlertTitle>
<AlertDescription>You can add components using the CLI.</AlertDescription>
</Alert> Use variant="destructive" for errors. An optional <svg> as the first child renders as the leading icon.