DRYL COMPONENTS
Color mode: System — switch to light
2.20.1
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; OnDismiss gives you the callback.

New features available
Version 0.2 adds expansion panels, toast notifications and an improved grid.

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