WAPER / UI

圆角

从小控件到大面板采用统一圆角刻度，面积越大的界面使用更舒展的圆角。

预览

亮色

rounded-2xs · …行内代码、键帽

rounded-xs · …菜单项、方形图标按钮、tooltip、@ 胶囊

rounded-sm · …设置导航项、下拉、输入框、成员行、代码块

rounded-toast · …toast

rounded-md · …侧栏行、置顶格、搜索结果行、提示条

rounded-lg · …菜单、@ 菜单、悬停卡

rounded-panel · …对话框、设置弹窗、设置分组卡片、⌘K、表格卡

rounded-xl · …连接应用卡片、卡片行

rounded-bubble · …气泡、多行输入框

rounded-composer · …单行输入框

rounded-2xl · …卡片类消息、手机底部抽屉

rounded-full · 9999px按钮、胶囊、头像、开关

radius-3xl（28）与 radius-4xl（32）只留给落地页。

暗色

正在加载预览…