菜单
Show toasts with ShadSonner and ShadToast; ShadSonner.of(context), show/hide, title, description, action. Use when showing toast notifications or ephemeral feedback in a Flutter shadcn_ui app.
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/serverpod/skills-registry --skill shadcn-ui-sonner命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
基于 SOC 职业分类
正在显示 SKILL.md
| name | shadcn_ui-sonner |
| description | Show toasts with ShadSonner and ShadToast; ShadSonner.of(context), show/hide, title, description, action. Use when showing toast notifications or ephemeral feedback in a Flutter shadcn_ui app. |
Sonner is an opinionated toast component. Ensure ShadSonner is in the widget tree (e.g. in app builder). Get the controller with ShadSonner.of(context). Call sonner.show(ShadToast(...)) to show a toast; use sonner.hide(id) to dismiss. Each toast can have id, title, description, and optional action (e.g. an Undo button).
ShadButton.outline(
child: const Text('Show Toast'),
onPressed: () {
final sonner = ShadSonner.of(context);
final id = Random().nextInt(1000);
final now = DateTime.now();
sonner.show(
ShadToast(
id: id,
title: const Text('Event has been created'),
description: Text(DateFormat.yMd().add_jms().format(now)),
action: ShadButton(
child: const Text('Undo'),
onPressed: () => sonner.hide(id),
),
),
);
},
)
Use a unique id per toast so you can hide it from the action button or elsewhere.