Inline Alert
Inline alerts display non-modal messages related to objects in a view, often used for form validation to aggregate feedback for multiple fields.
Example
For the inline alert component, both the heading and content props are required.
Variant
The variant prop can set a variant to give inline alerts a semantic meaning.
API Reference
Inline alerts display non-modal messages related to objects in a view.
Returns: Element The rendered inline alert element.
| Parameters | Type | Default | Description |
|---|---|---|---|
| heading | Any | The heading of the Inline Alert. | |
| content | Any | The content of the Inline Alert. | |
| variant | Literal['neutral', 'info', 'positive', 'notice', 'negative'] | None | 'neutral' | The visual style of the Inline Alert. |
| auto_focus | bool | None | None | Whether to automatically focus the Inline Alert when it first renders. |