Alert.
Success, info and warning messaging.
Connected successfully
Your workspace is ready.
Heads up
Review changes before saving.
A little note
Everything has its place.
The preview uses the actual shared component, including your current theme, rounding, border and motion preferences.
Props & API reference
Parameters available in the shared component, including value types, requirements and accepted options.
| Parameter | Type | Required | Default | Possible values | Description |
|---|---|---|---|---|---|
title | string | Yes | — | — | Headline of the message. |
children | ReactNode | No | — | — | Optional explanatory message. |
tone | "info" | "success" | "warning" | No | info | info · success · warning | Visual and semantic status. |