@cemderin/react-collapsable-menu

Collapsable Menu Component

Usage no npm install needed!

<script type="module">
  import cemderinReactCollapsableMenu from 'https://cdn.skypack.dev/@cemderin/react-collapsable-menu';
</script>

README

react-collapsable-menu

Collapsable Menu Component

Installation

# yarn
yarn add @cemderin/react-collapsable-menu

# npm
npm install @cemderin/react-collapsable-menu

Usage

import React from 'react';
import {Menu, Item} from '@cemderin/react-collapsable-menu';

const Demo = () => {
  return <React.Fragment>
    <Menu>
        <Item>Home</Item>
        <Item>About Us</Item>
        <Item active>Careers</Item>
        <Item>Contact</Item>
      </Menu>

      <hr />

      <Menu collapsed>
        <Item>Home</Item>
        <Item>About Us</Item>
        <Item active>Careers</Item>
        <Item>Contact</Item>
      </Menu>

      <hr />

      <Menu stacked>
        <Item>Home</Item>
        <Item>About Us</Item>
        <Item active>Careers</Item>
        <Item>Contact</Item>
      </Menu>

      <hr />

      <Menu stacked collapsed>
        <Item>Home</Item>
        <Item>About Us</Item>
        <Item active>Careers</Item>
        <Item>Contact</Item>
      </Menu>
  </React.Fragment>
}

export default Demo;

Changelog

Please see CHANGELOG.md.

License

MIT

Develpoment

Please see DEVELOPMENT.md.