ReUI
Components

Alert

Displays a callout for user attention, such as a success message, warning, or error.

Installation

pnpm dlx shadcn@latest add https://reui.io/r/alert.json

Examples

Solid

Loading

Mono

Loading

Outline

Loading

Stroke

Loading

Light

Loading

Size

Loading

Extended

Loading

Actions

Loading

API Reference

The Alert component is a custom implementation that provides flexible and customizable alert messages. Here's the complete API reference:

Alert

The root Alert component includes the following props:

PropTypeDefault
variant enum default
appearance enum solid
size enum md
className string
close booleantrue
onClose function

AlertTitle

The AlertTitle component includes the following props:

PropTypeDefault
asChild booleanfalse
className string

AlertDescription

The AlertDescription component includes the following props:

PropTypeDefault
asChild booleanfalse
className string

AlertIcon

The AlertIcon component includes the following props:

PropTypeDefault
variant enum
className string

AlertContent

The AlertContent component includes the following props:

PropTypeDefault
className string

AlertToolbar

The AlertToolbar component includes the following props:

PropTypeDefault
variant enum
className string