Alert

Display a brief, important message in a way that attracts the user's attention without interrupting the user's task.

Import

ts
import { Alert } from "@kobalte/core";

ts
import { Alert } from "@kobalte/core";

Features

• Adhere to the WAI ARIA Alert design pattern.

Anatomy

The alert consists of :

• Alert.Root: The root container for an alert.

tsx
<Alert.Root />

tsx
<Alert.Root />

Example

API reference

Alert.Root

Renders a div by default and support all its props.

Rendered elements