NeXTSTEP Programming Mastermind

    react-multilevel-dropdown
    TypeScript icon, indicating that this package has built-in type declarations

    3.0.3 • Public • Published

    Kontentino - Making social media a piece of cake

    react-multilevel-dropdown by Kontentino

    ReactJS multilevel dropdown component

    📒 STORYBOOK

    npm NPM NPM

    React multilevel dropdown

    Install

    npm install react-multilevel-dropdown

    NPM: npmjs.com/package/react-multilevel-dropdown

    Development / testing

    npm run storybook

    Usage / Example

    import Dropdown from 'react-multilevel-dropdown';
    ...
    
    <Dropdown
      title='Dropdown title'
    >
      <Dropdown.Item
        onClick={() => doSomething()}
      >
        Item 1
      </Dropdown.Item>
      <Dropdown.Item>
        Item 2
        <Dropdown.Submenu>
          <Dropdown.Item>
            Subitem 1
          </Dropdown.Item>
        </Dropdown.Submenu>
      </Dropdown.Item>
    </Dropdown>

    Docs

    Props

    Dropdown

    NAME TYPE DEFAULT VALUE
    children ReactNode ReactNode[]
    title ReactNode ReactNode[]
    isDisabled boolean false
    position "left" "right"
    buttonVariant "primary" "secondary"
    isActive boolean false
    openOnHover boolean false
    wrapperClassName string null
    buttonClassName string null
    menuClassName string null
    onClick (x?: any) => any null

    Item

    NAME TYPE DEFAULT VALUE
    children ReactNode ReactNode[]
    onClick (x?: any) => any null
    isActive boolean false
    className string null
    isDisabled boolean false

    Submenu

    NAME TYPE DEFAULT VALUE
    children ReactNode ReactNode[]
    position "left" "right"
    className string null

    Install

    npm i react-multilevel-dropdown

    DownloadsWeekly Downloads

    1,335

    Version

    3.0.3

    License

    MIT

    Unpacked Size

    130 kB

    Total Files

    14

    Last publish

    Collaborators

    • kontentino