Alert

A callout that draws attention to a message, with an info, success, warning or error tone.

Preview

Loading Preview...

bun add xiod-ui

1import {2  Alert,3  AlertAction,4  AlertDescription,5  AlertTitle6} from "xiod-ui/alert";

1<Alert>2  <AlertTitle />3  <AlertDescription />4  <AlertAction />5</Alert>

Detailed documentation of properties and options.

Accepts render, plus every native <div> attribute.

Prop	Type	Default	Description
`variant`	`"error"`\|`"default"`\|`"info"`\|`"success"`\|`"warning"`	`default`	The visual style of the component.

Accepts render, plus every native <div> attribute.

Accepts render, plus every native <div> attribute.

Accepts render, plus every native <div> attribute.