React toggle view

Component to simplify building toggle-based components.

How to use

import React from 'react';
import ReactToggleView from 'react-toggle-view';

const Trigger = ({ showView, hideView, toggleView }) => ([
  <button onClick={showView} children='show' key='show' />,
  <button onClick={hideView} children='hide' key='hide' />,
  <button onClick={toggleView} children='toggle' key='toggle' />,
]);

const View = () => <h1>view</h1>;

const App = () => (
  <div>
    <ReactToggleView
      Trigger={Trigger}
      View={View}
    />
  </div>
);

export default App;

License

MIT