Components / UI components / Feedback
FeedbackExperimental alpha

Alert

A persistent message with semantic tone, optional actions and explicit announcement urgency.

Alert preview

Loading example…

Interactions use local sample data.

Usage and props

Tone supplements the written message. Static content has no automatic live announcement; use status or alert only for appropriate dynamic updates.

Supported inputs

This is the public signature used by this example. Open Code to see how the values and callbacks fit together.

tone?: neutral | info | success | warning | danger · icon? · native div props · Title/Description/Actions
How state and callbacks work

These are the main props for the example. The package's TypeScript declarations include the full API.

Customize and use with a keyboard