@blaze-react/switches v0.7.0
Description
Switches component is a digital on/off switch used for activating one of two predefined options.
Usage
- Group
const multiple = [
{
id: 1,
label: "Switch text"
},
{
id: 2,
label: "Switch text"
},
{
disabled: true,
id: 4,
label: "Disabled"
}
];
<Switches
options={multiple}
modifier={Switches.availableModifiers.secondary}
onChange={({ event, value }) => {}}
/>;
- Single
const single = {
label: "Switch text",
required: true
};
<Switches
options={single}
returnBoolean
onChange={({ event, value }) => {}}
API
Switches can receive a number of props
as follow:
NAME | TYPE | DEFAULT | OPTIONS |
---|---|---|---|
modifier | String | empty | primary, secondary, default, unchecked, checked disabled |
labelPosition | String | right | right, left, top, base |
validationMessage | String | This field is required | |
options | Array or Object | [] | |
disabled | Boolean | false | |
required | Boolean | false | |
returnBoolean | Boolean | false | |
error | Boolean | false | |
onChange | Function | () => {} |
8 months ago
7 months ago
2 years ago
2 years ago
2 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago