0.1.0 • Published 7 years ago
with-toggle v0.1.0
withToggle
A lightweight, minimal react higher order component. That will generate state and handlers that will be passed down as props to the wrapped component.
Installation
Use npm or yarn.
yarn add with-togglenpm i -s with-toggleApi
withToggle
asterik for mandatory props
| Param | Type | Default | Description |
|---|---|---|---|
| name* | string | key for values on props | |
| value | boolean | false | default value |
| override | boolean | should the auto generated handler be replaced with the passed handler | |
| handler | Function | a function that can act as a pre change hook or a function that will act as a handler and return the given state |
Basic usage with strings
...
export default withToggle('open', 'toggled')(ComponentName);Basic usage with objects
...
export default withToggle(
{
name: 'open',
value: false,
},
{
name: 'open',
value: false,
},
)(ComponentName);0.1.0
7 years ago