---
title: "Alert"
description: "A component for displaying important messages."
component: true
---

<ComponentExample name="alert-demo" />

## Usage

---

```tsx
import { Alert } from "@medusajs/ui"
```

```tsx
<Alert>Here's a message</Alert>
```

## API Reference

---

<ComponentReference mainComponent="Alert" />

## Examples

---

### Success Alert

<ComponentExample name="alert-success" />

### Warning Alert

<ComponentExample name="alert-warning" />

### Error Alert

<ComponentExample name="alert-error" />

### Dismissable Alert

<ComponentExample name="alert-dismissable" />