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.

serverpod 6e55504 791 B Updated

File contents

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.'),
)

serverpod/skills-registry/tree/main/skills/shadcn_ui/shadcn_ui-alert commit 6e55504b2d

Frequently asked questions

npx skillmds@latest add serverpod/shadcn-ui-alert