Alert

An inline callout for contextual messages. Comes in four variants.

Heads up

You can add components to your app using the command line.

Installation

Copy the command below and run it in your terminal.

bunx @sivir-ui/svelte add alert

Usage

Import and use the Alert components:

import * as Alert from '$lib/sivir/components/alert';

<Alert.Root>
  <Alert.Title>Title</Alert.Title>
  <Alert.Description>Description</Alert.Description>
</Alert.Root>

Examples

Info

This is a info alert with a title and description.

Success

This is a success alert with a title and description.

Warning

This is a warning alert with a title and description.

Error

This is a error alert with a title and description.

Anatomy

Alert.Root - Provides the alert container.

Alert.Title - Renders the alert heading.

Alert.Description - Renders the alert details.