Alert

Component

Important message display with different variants.

Installation & Usage

Basic Usage

import { Alert } from 'dotti'

<Alert variant="info" title="Important">
  Your message here
</Alert>

Examples

Alert Variants

Different alert types for various message types.

Information

This is an info alert with additional details.

Success

Action completed successfully.

Warning

Please review your input.

Error

Something went wrong.

Code

<Alert variant="info" title="Information">
  This is an info alert with additional details.
</Alert>

<Alert variant="success" title="Success">
  Action completed successfully.
</Alert>

Props

TypeScript Support

All components are fully typed with TypeScript. Check your IDE for prop suggestions and documentation.