DRYL COMPONENTS
Color mode: System — switch to light
3.0.0
Feedback

DrylAlert

AI-aware

Feedback banners for notices, status messages and AI-generated content. Five variants, an optional title, a dismiss button and full AI-mode support.

Variants

Heads up
This action cannot be undone. Please check your input before continuing.
Saved successfully
All changes have been applied and are live now.
AI-generated content
The result below was produced by an AI model and should be reviewed before you rely on it.

Message only — no title

Please check your email address.
Deployment finished successfully.

Dismissible

An alert can carry a dismiss button. With OnDismiss you own the alert's lifetime; without one the alert dismisses itself, so the button is never inert.

New features available
Version 0.2 adds expansion panels, toast notifications and an improved grid.
Saved
This one has no OnDismiss. Press its close button.

No icon

Icon="" suppresses the icon chip entirely.

Text-only alert
No icon chip — for more compact or very short notices.

AI mode — every state

The Ai parameter drives the gradient border, the glow and the one-shot reveal independently of the semantic variant.

Active — a persistent AI signal
This alert is permanently marked as an AI-driven surface.
Thinking — a tool call is running
The model is working on a request right now.
Streaming — tokens are arriving
Content is being generated piece by piece…
Generated — content is ready
The analysis has finished. Please review the result before you rely on it.

Lifecycle simulation

Walks the alert through None → Thinking → Streaming → Generated → Active.

Ready
Press 'Start check' to begin the simulation.
An unhandled error has occurred. Reload x

Reconnecting to the server…

Attempt /

Next try in s