react-dropdown-wrapper v0.0.4

react-dropdown-wrapper

Convenient, simple, quick dropdown menu wrapper for accessibility.

Demo

Install

npm install react-dropdown-wrapper

or

yarn add react-dropdown-wrapper

Import

import DropdownWrapper from "react-dropdown-wrapper";

Usage

<DropdownWrapper
  closeOnEsc
  onStateChange={console.log}
  wrapperProps={{
    className: "bg-primary"
  }}
>
  {({ changeStatus, isShow }) => (
    <div>
      <button onClick={() => changeStatus(!isShow)}>
        Dropdown Toggle Button
      </button>
      {isShow && <div>Dropdown Content</div>}
    </div>
  )}
</DropdownWrapper>

Props