OddApp Design

Alert

@oddapp/ui · Tier 1

Contextual feedback message for success, warning, danger, or info states.

Variants

Saved

Your changes have been saved.

Heads up

This action cannot be undone.

Note

Updates are applied on next login.

import { Alert } from '@oddapp/ui'

<Alert variant="success" title="Saved" description="Your changes have been saved." />
<Alert variant="warning" title="Heads up" description="This action cannot be undone." />
<Alert variant="danger" title="Error" description="Something went wrong." />
<Alert variant="info" title="Note" description="Updates are applied on next login." />