Skip to content
Feedback

Alert

An inline alert banner for page-level feedback with optional dismiss button.

Preview:
1280px

Props

PropTypeDefaultDescription
variant'info' | 'success' | 'warning' | 'error''info'Color and icon set.
titlestring-Alert heading.
childrenReactNode-Detail message content.
dismissiblebooleanfalseShow a close button.
onDismiss() => void-Dismiss handler.
iconReactNode-Custom icon override.