Usage no npm install needed!

<script type="module">
  import victorzimnikovReactDropdown from 'https://cdn.skypack.dev/@victorzimnikov/react-dropdown';
</script>

README

react-dropdown

Simple React Component

Install:

yarn add @victorzimnikov/react-dropdown

Example:

import "@victorzimnikov/react-dropdown/lib/react-dropdowm.css";

import React from "react";
import { Dropdown } from "@victorzimnikov/react-dropdown";

function Page() {
  return (
    <Dropdown trigger="Trigger Title" onSelect={() => {}}>
      <span data-value="first">First</span>
      <span data-value="second">Second</span>
      <span data-value="third">Third</span>
    </Dropdown>
  )
}

Dropdown props:

Property	Type	Default
children*	DropdownChild[]
onSelect*	(value: any) => void
onClose	() => void
hideAfterClick	boolean	true
trigger	string, ReactElement, () => string, ReactElement

Dropdown props:

Property	Type	Default
data-value*	string
className	string