feat(toggle): Add Toggle Component

studiobakers / react-ui-toolkit

Bakers Studio's React-based UI Toolkit

MIT License

15 stars 2 forks source link

feat(toggle): Add Toggle Component #79

Closed yasincaliskan closed 3 years ago

yasincaliskan commented 3 years ago

Description

Implementation Compound Component pattern.
Toggle should have onToggle function and children nodes like Toggle.Item.

Usage

  <Toggle isMultiple={true} onToggle={handleToggle}>
      <Toggle.Item id="react">{"React"}</Toggle.Item>
      <Toggle.Item id="vue">{"Vue"}</Toggle.Item>
      <Toggle.Item id="angular">{"Angular"}</Toggle.Item>
  </Toggle>

Related Issue

https://github.com/Hipo/react-ui-toolkit/issues/74

yasincaliskan commented 3 years ago

Yes, good point. They are similar to each other. But I think Tab's functionality is just to switch the tab and tab's content. However Toggle can have any children and have more functionality. Eventually, I think Toggle can include Tab component.