0.0.1 • Published 5 years ago

flex-menu v0.0.1

Weekly downloads
2
License
MIT
Repository
github
Last release
5 years ago

Menu component

  • This is a flexible Menu implementation in react.

Basic Implementation

<Menu isOpen={isOpen}>
  <Menu.Header isOpen={isOpen} handleToggle={}>
    Header
  </Menu.Header>
  <Menu.Body>
    <ul>
      <li>
        <Menu.Link active>
          <DashBoard />
        </Menu.Link>
        <Menu.Item isOpen={isOpen}>Dashboard</Menu.Item>
      </li>
    </ul>
  </Menu.Body>
  <Menu.Footer>
    Footer
  </Menu.Footer>
</Menu>

when Link has Tooltip

<Menu isOpen={isOpen}>
  <Menu.Header isOpen={isOpen} handleToggle={}>
    Header
  </Menu.Header>
  <Menu.Body>
    <ul>
      <li>
        <Menu.Tooltip>
          <Menu.Tooltip.Text>dashboard</Menu.Tooltip.Text>
          <Menu.Link active>
            <DashBoard />
          </Menu.Link>
        </Menu.Tooltip>
        <Menu.Item isOpen={isOpen}>Dashboard</Menu.Item>
      </li>
    </ul>
  </Menu.Body>
  <Menu.Footer>
    Footer
  </Menu.Footer>
</Menu>