按钮
圆角胶囊形(`rounded-full`)的主操作按钮采用 Action Blue,另含 secondary outline-pill 与 ghost 变体。
徽章
单色强调系统:Action Blue 用于 NEW 与强调,中性面用于状态和标签。
卡片
交替的明暗产品瓦片(边到边、无圆角),以及一张 18px 圆角的标准实用卡片。
表单控件
一个用 react-hook-form 配合 zod 校验的表单 —— input、textarea、checkbox、switch、radio group、select 与 slider 均通过 Controller 绑定。
Select
基于 Combobox 的轻量 Select 封装。常见文档示例以 props 形式提供。
反馈
Alert 用于行内消息,Skeleton 用于加载,toast 用于瞬时确认。
浮层
Dialog 用于模态流程,DropdownMenu 用于操作菜单,Tooltip 用于行内提示。
导航与数据展示
Tabs、Accordion、Avatar 与 Table,适合文档与定价页这类密集信息场景。