Kobalte.v0.13.6

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/alert";
// or
import { Root } from "@kobalte/core/alert";
// or (deprecated)
import { Alert } from "@kobalte/core";
ts
import { Alert } from "@kobalte/core/alert";
// or
import { Root } from "@kobalte/core/alert";
// or (deprecated)
import { Alert } from "@kobalte/core";

Features

Anatomy

The alert consists of :

  • Alert: The root container for an alert.
tsx
<Alert />
tsx
<Alert />

Example

API reference

Alert

Alert is equivalent to the Root import from @kobalte/core/alert (and deprecated Alert.Root).

Renders a div by default and support all its props.

Rendered elements

ComponentDefault rendered element
Alertdiv