6.0.0 • Published 6 years ago
cf-component-toggle v6.0.0
cf-component-toggle
Cloudflare Toggle Component
Installation
Installation with yarn is recommended
$ yarn add cf-component-toggle
Usage
import React from 'react';
import Toggle from 'cf-component-toggle';
class ToggleComponent extends React.Component {
constructor(props) {
super(props);
this.state = {
toggleValue: false
};
}
handleToggle(value) {
this.setState({
toggleValue: value
});
}
render() {
return (
<div>
<p>Example Toggle</p>
<Toggle
label="Example Toggle"
name="example"
value={this.state.toggleValue}
onChange={this.handleToggle.bind(this)}
/>
<p>Disabled</p>
<Toggle
disabled
label="Disabled Toggle"
name="example-disabled"
value={this.state.toggleValue}
onChange={this.handleToggle.bind(this)}
/>
<p>
{`If you specifically don't want to use a label then you must pass false`}
</p>
<p>Note: Designed to work with redux-form.</p>
</div>
);
}
}
export default ToggleComponent;
6.0.0
6 years ago
5.1.13
6 years ago
5.1.12
6 years ago
5.1.11
6 years ago
5.1.10
6 years ago
5.1.9
6 years ago
5.1.8
6 years ago
5.1.7
6 years ago
5.1.6
6 years ago
5.1.5
6 years ago
5.1.4
6 years ago
5.1.3
6 years ago
5.1.2
6 years ago
5.1.1
6 years ago
5.1.0
6 years ago
5.0.12
6 years ago
5.0.11
6 years ago
5.0.10
6 years ago
5.0.9
6 years ago
5.0.8
7 years ago
5.0.7
7 years ago
5.0.6
7 years ago
5.0.5
7 years ago
5.0.4
7 years ago
5.0.3
7 years ago
5.0.2
7 years ago
5.0.1
7 years ago
5.0.0
7 years ago
4.0.10
7 years ago
4.0.9
7 years ago
4.0.8
7 years ago
4.0.7
7 years ago
4.0.6
7 years ago
4.0.5
7 years ago
4.0.4
7 years ago
4.0.3
7 years ago
4.0.2
7 years ago
4.0.1
7 years ago
4.0.0
7 years ago
3.0.0
7 years ago
2.2.1
7 years ago
2.2.0
7 years ago
2.1.0
7 years ago
2.0.2
7 years ago
2.0.1
7 years ago
2.0.0
7 years ago
1.0.5
8 years ago
1.0.4
8 years ago
1.0.3
8 years ago
1.0.2
8 years ago
1.0.1
8 years ago
1.0.0
8 years ago