按钮基础样式
🔧 常见按钮类型包括:
填充按钮:
<button class="primary">确认</button>
边框按钮:
<button class="outline">取消</button>
透明按钮:
<button class="transparent">更多</button>
按钮交互状态
🔄 关键状态展示:
- 正常状态 ✅
- 悬浮状态 🖱️
- 禁用状态 ⚠️
- 点击后状态 🔁
📌 了解更多设计规范,请访问设计系统首页查看完整文档。
按钮使用场景
🎨 适用于以下场景:
- 表单提交 📝
- 导航跳转 🧭
- 功能触发 🔧