Components/Alert

Search documentation

Jump to any guide or component.

↑↓ move · Enter open · Esc close

Feedback · Alert

SSR NativeAccessible

Alert

Communicates status and guidance without interrupting the current task.

Live previewv0.1.4

Configuration required

Connect a destination before enabling this workflow.

Deployment complete

Version 2.4 is serving production traffic.
Astro
---
import { Alert } from '@charvesta/cetha';
---

<Alert tone="success" title="Deployment complete">
  Version 2.4 is serving production traffic.
</Alert>

API reference

PropTypeDefaultDescription
tone'info' | 'success' | 'warning' | 'danger''info'Sets the semantic color treatment.
titlestringOptional concise heading.
classstringAdditional classes forwarded to the rendered element.

Accessibility

Use a tone that matches the message meaning. The component exposes a status role for assistive technology.