# Shadcn UI Alert

> Show callout alerts with ShadAlert and ShadAlert.destructive; icon, title, description. Use when displaying warnings, errors, or important messages in a Flutter shadcn_ui app.

- Skill: `serverpod/shadcn-ui-alert` (Agent Skill)
- Install (CLI): `npx skillmds@latest add serverpod/shadcn-ui-alert`
- Raw SKILL.md: https://api.skillmd.com/api/skills/serverpod/shadcn-ui-alert/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: serverpod (https://skillmd.com/u/serverpod)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/serverpod/shadcn-ui-alert

---


# Shadcn UI — Alert

## Instructions

`ShadAlert` displays a callout for user attention. Use default constructor for standard alerts, `ShadAlert.destructive` for errors or destructive actions.

### Primary / default

```dart
ShadAlert(
  icon: Icon(LucideIcons.terminal),
  title: Text('Heads up!'),
  description: Text('You can add components to your app using the cli.'),
)
```

### Destructive

```dart
ShadAlert.destructive(
  icon: Icon(LucideIcons.circleAlert),
  title: Text('Error'),
  description: Text('Your session has expired. Please log in again.'),
)
```