react-dropdown-wrapper/README.md

Convenient, simple, quick dropdown menu wrapper for accessibility.

# react-dropdown-wrapper
Convenient, simple, quick dropdown menu wrapper for accessibility.

## [Demo](https://codesandbox.io/embed/react-dropdown-wrapper-demo-x70su)

## Install
```
npm install react-dropdown-wrapper
```
or
```
yarn add react-dropdown-wrapper
```

## Import

```js
import DropdownWrapper from "react-dropdown-wrapper";
```

## Usage 

```jsx
<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

|Props Name|Type|Default Value|
|--|--|--|
|closeOnEsc|bool|false|
|closeOnOutsideClick|bool|true|
|wrapperProps|object|{}|
|onStateChange|function|null|
|children|function|null|
|initialStatus|bool|false|