0.0.1 • Published 5 years ago
flex-menu v0.0.1
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>