按钮基础样式

🔧 常见按钮类型包括:

  • 填充按钮<button class="primary">确认</button>

    primary_button
  • 边框按钮<button class="outline">取消</button>

    outline_button
  • 透明按钮<button class="transparent">更多</button>

    transparent_button

按钮交互状态

🔄 关键状态展示:

  • 正常状态 ✅
  • 悬浮状态 🖱️
  • 禁用状态 ⚠️
  • 点击后状态 🔁

📌 了解更多设计规范,请访问设计系统首页查看完整文档。

按钮使用场景

🎨 适用于以下场景:

  • 表单提交 📝
  • 导航跳转 🧭
  • 功能触发 🔧
button_use_cases