1. 基本用法:
<Button type="primary">主要按钮</Button>
<Button type="success">成功按钮</Button>
<Button type="warning">警告按钮</Button>
<Button type="danger">危险按钮</Button>
<Button type="info">信息按钮</Button>
2. 禁用状态:
<Button type="primary" disabled>禁用按钮</Button>
3. 图标按钮:
<Button type="primary" icon="el-icon-edit">编辑</Button>
<Button type="success" icon="el-icon-check">确认</Button>
<Button type="info" icon="el-icon-message">消息</Button>
4. 加载中状态:
<Button type="primary" loading>加载中</Button>
5. 按钮尺寸:
<Button type="primary" size="small">小型按钮</Button>
<Button type="primary">默认按钮</Button>
<Button type="primary" size="large">大型按钮</Button>
6. 自定义样式:
<Button type="primary" style={{ borderRadius: '20px', color: '#fff', background: '#409EFF' }}>自定义样式按钮</Button>
7. 按钮组:
<Button.Group>
<Button type="primary">按钮1</Button>
<Button type="primary">按钮2</Button>
<Button type="primary">按钮3</Button>
</Button.Group>
以上是一些常见的 Element-React Button 组件的用法示例。你可以根据项目需求选择不同的按钮类型、尺寸和样式进行使用。详细的配置选项和用法可以参考 Element-React 官方文档，以确保你使用的是最新版本的 API 和功能。
转载请注明出处：http://www.pingtaimeng.com/article/detail/5596/Element-React