组件 · 基础
Button
按钮。每个视图最多一个 primary。
调用方提供:variant(primary | secondary | ghost | danger,默认 secondary)、size(md | sm)、可选的 icon(图标名)、可选的 kbd(快捷键提示,如 N)、文字(children)、原生 button 属性(onClick、disabled、type…)。
何时用
primary:当前视图最主要的动作,例如「新建任务」「保存」。secondary:其他动作,例如「分享」「筛选」。ghost:工具栏和对话框里的次要动作,例如「取消」「全部标为已读」。danger:删除、移除成员、撤销链接分享。必须先确认。
三种风格下的差异:青藤是细描边加柔和底色;萌虎是 2.5px 墨线加硬阴影,按下时向右下沉 3px、阴影消失;像素是直角,快捷键提示用品牌色描边。
文案:写动词和对象,例如「删除项目」,不要写「确定」。图标在文字左边,快捷键提示在文字右边。