按钮Button
按钮与基础样式点击后执行保存、提交或删除等操作
也常被叫作操作按钮
按钮用来执行当前页面里的动作，例如保存表单、创建项目或确认删除。跳转到其他页面通常使用链接 Link；同一区域里要区分主要和次要按钮，让用户知道先做哪一步。
容易混淆？这样区分
按钮Button≠分段控件Segmented
按钮 Button 点一下就执行一个动作；分段控件 Segmented 表示一组选项中当前选中了哪一个，通常用来切换视图或模式。
什么时候用
- 提交一个表单：登录、注册、保存、发送you@example.com••••••••登录注册
- 触发关键动作：新建项目、导出数据、发布文章新建项目
- 确认危险操作：删除、清空，用危险样式让人多想一秒确认删除这个项目？取消确认删除
- 即时小操作：复制链接、刷新列表，用次要或文字按钮邀请链接已生成复制刷新
什么时候不用
- 只是跳转到另一个页面 → 用 链接 Link 更合适已有账号？直接登录，查看使用文档了解更多。
- 并排塞好几个主要按钮，用户不知道先看哪个保存提交发布
- 文案写“点我”“按钮”这种看不出后果的词点我按钮
- 纯图标按钮不给任何提示 → 至少配个 文字提示 Tooltip每个图标都得猜一遍才敢点
组成结构 · Anatomy
1按钮本体Button整块可点击区域，有主要 / 次要 / 危险等类型
2图标Icon可选，用来强化动作含义；单独做图标按钮时要提供读屏可识别的名称，含义不直观时再配 Tooltip
3文案Label动词开头，说清点完会发生什么
常见变体 · Variants
主要按钮Primary
每屏只放一个，留给最重要的动作
次要按钮Outline
取消、返回这类退一步的操作用它
文字按钮Text
最轻量的操作，比如展开详情、收起
危险按钮Danger
删除、清空等不可挽回的操作才用
加载与禁用Loading & Disabled
提交中或条件未满足时，防止重复点击
典型使用场景
登录表单提交
欢迎回来
删除确认弹窗
空状态“立即创建”
还没有任何项目
创建第一个项目，开始协作吧
工具栏操作入口
项目文件
📄 首页改版.fig2 小时前
📄 设计规范.md昨天