Primitive

Alert

Inline or panel-level status message with icon, copy, and action slot.

Use Alert for immediate feedback. Aggregate issue collections belong in ValidationList or workflow components.
feedback
DOM renderImage render
AlertDefault
ReadyAll required fields are complete.
Draft savedLocal changes are ready to review.

Playground

Controls update query params directly, so every primitive state can be linked, rendered, and screenshotted deterministically.

Loading playground

Rendered matrix

Every state maps to the same primitive render route through the state query param.

Default

Neutral inline status message.
ReadyAll required fields are complete.
Draft savedLocal changes are ready to review.
Render state

Error

Error status message with action slot.
Review requiredTwo fields need attention.
Render state

Success

Success status message.
SavedSettings were updated.
Render state

Public contract

The public prop table is generated from item metadata and schema-backed controls.
NameTypeDefaultDescription
statusFieldStatus-Shared field status.
titleReactNode-Primary message.
childrenReactNode-Optional details.
actionReactNode-Optional action slot.