Alert

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

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

Success

Warning

Error

Anatomy

Alert.Root - Provides the alert container.

Alert.Title - Renders the alert heading.

Alert.Description - Renders the alert details.