Alert

Visual Effects

Animated alert banner with four variants (info, success, warning, error), contextual icons, optional title, dismissible with exit animation.

Loading preview...

Customize

Variant:

Title

Content

Dismissible

Props

Prop	Type	Default	Description
`variant`	`'info' \| 'success' \| 'warning' \| 'error'`	`'info'`	Visual style variant of the alert.
`title`	`string`	`undefined`	Bold title text at the top of the alert.
`children`	`React.ReactNode`	`undefined`	Alert body content.
`dismissible`	`boolean`	`false`	Show a dismiss (X) button.
`onDismiss`	`() => void`	`undefined`	Callback when the alert is dismissed.
`className`	`string`	`''`	Additional CSS classes.