全组件预览 · Component Preview

全组件预览

全组件预览 shadcn-svelte · 每格一个组件
01 Button 变体
02 Button 尺寸与状态
03 Badge 变体
默认 次要 描边 成功 警告 危险 幽灵 链接
04 Input 静止 / 已填写 / 禁用 / 校验失败
05 Textarea
06 Label 与控件关联
07 Field 标签 + 描述 + 错误

用于接收部署与账单通知

08 Select
09 Checkbox
10 Switch
default
sm
禁用
11 Slider
60
12 Progress
13 Toggle
14 ToggleGroup 单选
15 Tabs default 变体
账户面板内容
16 Tabs line 变体
概览内容
17 Table
名称 状态 用量
api-gateway 运行中 82%
draw-worker 排队 45%
18 Card
卡片标题

卡片描述文案，用于补充说明。

卡片正文区域。
19 Alert 四档变体
20 Avatar 图片 / 回退 / 角标
AF
二叉
21 AvatarGroup
AF
SX
QW
+5
22 Skeleton
23 Separator 横向与纵向
上方内容 下方内容
左 中 右
24 Breadcrumb
25 Dialog
26 Sheet
27 DropdownMenu
28 Tooltip
29 Toast Sonner 四档语义