$ npm install @hawk-ui/toggle --save
@import '/path__to__node_modules/@hawk-ui/toggle/dist/index.min.css
import Toggle from '@hawk-ui/toggle';
initialState = {
name: 'fruits',
value: 'apple',
isChecked: false,
};
<Toggle
name={state.name}
value={state.value}
isChecked={state.isChecked}
onChange={(event) => {
setState({
isChecked: !state.isChecked,
});
}}
/>
import Toggle from '@hawk-ui/toggle';
initialState = {
name: 'fruits',
value: 'apple',
isChecked: false,
};
<Toggle
label="Toggle"
name={state.name}
value={state.value}
isChecked={state.isChecked}
onChange={(event) => {
setState({
isChecked: !state.isChecked,
});
}}
isRequired
isError={!state.isChecked}
errorMessage="This field is a compulsory field."
/>
import Toggle from '@hawk-ui/toggle';
initialState = {
name: 'fruits',
isChecked: false,
};
<Toggle
name={state.name}
isChecked={state.isChecked}
isDisabled
/>