Layout

Alert

Inline status messages for feedback, warnings, and errors. Optionally dismissible.

LlmAlert

Demo

This is an informational message.

Your changes were saved successfully.

Your session expires in 5 minutes.

Something went wrong. Please try again.

<LlmAlert variant="info">This is an informational message.</LlmAlert>
<LlmAlert variant="success">Your changes were saved successfully.</LlmAlert>
<LlmAlert variant="warning" dismissible={true}>Your session expires in 5 minutes.</LlmAlert>
<LlmAlert variant="danger">Something went wrong. Please try again.</LlmAlert>

API

Prop	Type	Default	Description
`variant`	`'info' \| 'success' \| 'warning' \| 'danger'`	`'info'`	Color scheme and icon
`dismissible`	`boolean`	`false`	Show a close button
`onDismissed`	`() => void`	`—`	Called when the dismiss button is clicked

Import

import { LlmAlert } from '@atelier-ui/react';