Alert
A component for displaying important messages or notifications.
Usage
<script>
import {Alert} from 'ui-ingredients';
</script>
<Alert.Root>
<Alert.Title>Title</Alert.Title>
<Alert.Description>Description</Alert.Description>
</Alert.Root>
API Reference
Root
| Prop | Default | Description |
|---|
id | | string |
ids | | {
root?: string;
title?: string;
description?: string;
indicator?: string;
} |
asChild | | Snippet Render a different element. |
| Data Attribute | Value |
|---|
data-part | "root" |
data-scope | "alert" |
Description
| Prop | Default | Description |
|---|
asChild | | Snippet Render a different element. |
| Data Attribute | Value |
|---|
data-part | "description" |
data-scope | "alert" |
Title
| Prop | Default | Description |
|---|
asChild | | Snippet Render a different element. |
| Data Attribute | Value |
|---|
data-part | "title" |
data-scope | "alert" |