Alert

Displays a callout for user attention.

Examples

Installation

Install the package, then import only the components a route uses. Exports are tree-shakable.

Install

pnpm add fractalsvelte

Import

<script lang="ts">
	import { Alert } from 'fractalsvelte';
</script>

Usage

<script lang="ts">
	import { Alert } from 'fractalsvelte';
</script>

<Alert title="Heads up!">You can add components to your app using the CLI.</Alert>

Props

Prop	Type	Default	Description
`title`	`string`	`-`	The bold heading shown above the description.
`variant`	`'default' \| 'destructive'`	`'default'`	The visual treatment.
`icon`	`Snippet`	`-`	Optional leading icon.