shadcn-ui-alert

star 8

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.

By serverpod schedule Updated 3/7/2026

play_arrow Run Skill in Manus View GitHub

name: shadcn_ui-alert description: 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.

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

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

Destructive

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

Install via CLI

npx skills add https://github.com/serverpod/skills-registry --skill shadcn-ui-alert

Repository Details

star Stars 8

call_split Forks 0

navigation Branch main

article Path SKILL.md