1. Button(按钮):
用于触发点击事件,执行相应的操作。
<Button type="primary">Primary Button</Button>
2. Input(输入框):
用于输入文本或数字等信息。
<Input placeholder="请输入内容" />
3. Radio(单选框):
提供单选的选择框。
<Radio label="选项1" />
<Radio label="选项2" />
4. Checkbox(复选框):
提供多选的选择框。
<Checkbox label="选项1" />
<Checkbox label="选项2" />
5. Select(下拉选择框):
提供一个下拉菜单,用于选择其中一项。
<Select placeholder="请选择">
<Select.Option label="选项1" value="option1" />
<Select.Option label="选项2" value="option2" />
</Select>
6. DatePicker(日期选择器):
用于选择日期。
<DatePicker placeholder="选择日期" />
7. Switch(开关):
用于切换两种状态之间的开关。
<Switch />
8. Slider(滑块):
提供一个滑块,用于选择一个范围内的值。
<Slider />
9. Form(表单):
用于包装表单元素,进行表单验证等操作。
<Form label-position="top">
<Form.Item label="用户名" prop="username">
<Input />
</Form.Item>
<Form.Item label="密码" prop="password">
<Input type="password" />
</Form.Item>
<Form.Item>
<Button type="primary">提交</Button>
</Form.Item>
</Form>
以上是一些 Element-React 的基础组件示例,你可以根据具体需求在项目中使用它们,并根据 Element-React 文档进行详细配置和使用说明。
转载请注明出处:http://www.pingtaimeng.com/article/detail/5591/Element-React