react-toggler

A utility React component, switch the show/hide of component.

npm i react-toggler

Usage

import Toggler from 'react-toggler';

<Toggler>Content</Toggler>

<Toggler hide={() => doSomething()}>Content</Toggler>

<Toggler pattern={[true, false]}>
  <div>A</div> // Show
  <div>B</div> // Hide
</Toggler>

<Toggler pattern={{ 0: false 1: true }}>
  <div>A</div> // Hide
  <div>B</div> // Show
</Toggler>

Contributing

1. Fork it!
2. Create your feature branch: git checkout -b my-new-feature
3. Commit your changes: git commit -am 'Add some feature'
4. Push to the branch: git push origin my-new-feature
5. Submit a pull request :D

License

MIT

© sugarshin