Docs
Alert

Alert

Displays a callout for user attention.

Component Source
Heads up!
You can add components to your app using the cli.

Installation

	npx shadcn-svelte add alert

	npx shadcn-svelte add alert

Usage

	<script lang="ts">
  import { Alert, AlertDescription, AlertTitle } from "$components/ui/alert";
</script>

	<script lang="ts">
  import { Alert, AlertDescription, AlertTitle } from "$components/ui/alert";
</script>

	<Alert>
  <AlertTitle>Heads up!</AlertTitle>
  <AlertDescription>
    You can add components to your app using the cli.
  </AlertDescription>
</Alert>

	<Alert>
  <AlertTitle>Heads up!</AlertTitle>
  <AlertDescription>
    You can add components to your app using the cli.
  </AlertDescription>
</Alert>

Examples

Default

Heads up!
You can add components to your app using the cli.

Destructive

Error
Your session has expired. Please login again.
Accordion Alert Dialog