Alert

Inline feedback message with icon and optional title. Use for contextual status — not for system-level notifications.

Variants

Dismissible

Without title

Props

variant= 'info'
'info' | 'success' | 'warning' | 'error'
Sets the colour and icon.
title
string
Optional bold heading rendered above the message.
children*
ReactNode
Alert body content.
onDismiss
() => void
If provided, renders a dismiss (×) button.