按钮组件简介

按钮是用户交互的核心元素，支持多种样式与功能。常见类型包括：

  • ✅ 默认按钮：基础交互样式
  • 🟢 Primary 按钮：主要操作按钮
  • 🟡 Outline 按钮：边框风格按钮
  • 🔴 Danger 按钮：危险操作提示

基础用法

<!-- 默认按钮 -->
<button class="btn">点击我</button>

<!-- Primary 按钮 -->
<button class="btn_primary">提交表单</button>

<!-- Outline 按钮 -->
<button class="btn_outline">取消操作</button>

<!-- Danger 按钮 -->
<button class="btn_danger">删除数据</button>

高级功能

  • 🔄 状态切换：支持 disabled / loading 状态
  • 📊 主题适配：提供 light / dark 模式版本
  • 📁 按钮组：通过 btn_group 类实现水平排列
Primary_Button

扩展阅读

如需深入了解按钮组件的样式配置，请访问 components-library/button 文档 查看完整 API 说明。