按钮组件指南 🚀

按钮是用户交互的核心元素，广泛应用于表单提交、导航跳转、功能触发等场景。以下是关键信息：

基础用法

• HTML结构

  <button class="primary">点击我</button>
  

  📌 通过class区分按钮类型（如primary/secondary/danger）
• 常用属性
  • type: submit/button/reset（默认button）
  • disabled: 禁用状态（⚠️ 注意：禁用按钮不会触发点击事件）
  • href: 可结合<a>标签实现跳转功能

状态样式示例

状态	样式特征	示例图片
正常状态	背景色为蓝色，文字白色
悬浮状态	背景色变深，添加阴影效果
禁用状态	背景色灰白，文字变灰
点击状态	添加微动效果，文字轻微变色

扩展阅读

• 想了解更多表单组件？可查看 components/form
• 需要设计更复杂的交互？建议阅读 components/input 的进阶用法

💡 提示：按钮的视觉反馈设计需遵循 components/button 的最佳实践指南