shadcn_ui-dialog

Installation
SKILL.md

Shadcn UI — Dialog

Instructions

A modal dialog that interrupts the user. Use showShadDialog(context: context, builder: ...) and return a ShadDialog or ShadDialog.alert. Provide title, optional description, optional actions (list of widgets, e.g. buttons), and optional child for body content. Dismiss with Navigator.of(context).pop(...).

Standard dialog

showShadDialog(
  context: context,
  builder: (context) => ShadDialog(
    title: const Text('Edit Profile'),
    description: const Text(
      "Make changes to your profile here. Click save when you're done",
    ),
    actions: const [ShadButton(child: Text('Save changes'))],
    child: Container(
      width: 375,
Related skills

More from serverpod/skills-registry

Installs
6
GitHub Stars
8
First Seen
Apr 13, 2026