Alert

Stable

Display important messages and notifications with different severity levels.

Import

import { Alert } from '@brutal-ui/react';

Variants

Success!

Your changes have been saved successfully.

Error!

Something went wrong. Please try again.

Warning!

This action cannot be undone.

Information

New features are available in this version.

<Alert variant='success' title='Success!'>
  Your changes have been saved successfully.
</Alert>

<Alert variant='danger' title='Error!'>
  Something went wrong. Please try again.
</Alert>

<Alert variant='warning' title='Warning!'>
  This action cannot be undone.
</Alert>

<Alert variant='info' title='Information'>
  New features are available in this version.
</Alert>

Without Title

This is a simple alert without a title.

<Alert variant='info'>
  This is a simple alert without a title.
</Alert>

Props

Prop	Type	Default	Description
variant	string	"info"	Alert type: info, success, warning, danger
title	string	-	Optional alert title
icon	ReactNode	-	Custom icon (replaces default)