WAPER / UI
按钮
十一种变体。文字按钮一律胶囊 24 / 30 / 32 / 36；图标按钮 20–44，方形（圆角 6）或圆形。按下叠 12% 的当前字色、不缩放；加载时宽度不变。
亮色
正在加载预览…
暗色
正在加载预览…
WaperDesign| 变体 | 默认 | 悬停（示意） | 按下（示意） | 键盘聚焦（示意） | 禁用 | 加载 |
|---|---|---|---|---|---|---|
| primary | ||||||
| secondary | ||||||
| ghost | ||||||
| elevated | ||||||
| accent | ||||||
| accent-soft | ||||||
| accent-ghost | ||||||
| danger | ||||||
| danger-soft | ||||||
| danger-ghost | ||||||
| chrome |
sm · 24
compact · 30
md · 32
lg · 36
icon-xs · 20
icon-sm · 24
icon-md · 28
icon · 32
icon-lg · 36
icon-xl · 44
| 变体 | 默认 | 悬停（示意） | 按下（示意） | 键盘聚焦（示意） | 禁用 | 加载 |
|---|---|---|---|---|---|---|
| primary | ||||||
| secondary | ||||||
| ghost | ||||||
| elevated | ||||||
| accent | ||||||
| accent-soft | ||||||
| accent-ghost | ||||||
| danger | ||||||
| danger-soft | ||||||
| danger-ghost | ||||||
| chrome |
sm · 24
compact · 30
md · 32
lg · 36
icon-xs · 20
icon-sm · 24
icon-md · 28
icon · 32
icon-lg · 36
icon-xl · 44