react-dropdown

Accessible dropdown (in React).

Install

npm i @bscop/react-dropdown

Usage

import Dropdown from "@bscop/react-dropdown";

function App () {
  return (
    <Dropdown 
      label="Menu"
      role="menu"
    >
      <a role="menuitem" href="#">Account</a>
      <a role="menuitem" href="#">Messages</a>
      <a role="menuitem" href="#">Settings</a>
      <hr />
      <a role="menuitem" href="#logout">Logout</a>
    </Dropdown>
  );
}

CSS Custom properties

You can set the following CSS Custom properties to customize the look of the dropdown component:

:root {
  --main-color: black;
  --main-bg-color: white;
  --dropdown-border-color: #bababa;
}

Contribute

Read the guidelines.

Run tests

npm test

Coverage

Coverage reports are hosted on codecov.

npm run badge:coverage -- --token=<guid>

---

Bruno Scopelliti
www.brunoscopelliti.com