@reach/menu-button NPM | npm.io

0.18.0 • Published 2 years ago

Install

Weekly downloads

118,833

License

MIT

Repository

Last release

2 years ago

@reach/menu-button

Docs | Source | WAI-ARIA

An accessible dropdown menu for the common dropdown menu button design pattern.

import {
	Menu,
	MenuList,
	MenuButton,
	MenuItem,
	MenuLink,
} from "@reach/menu-button";
import "@reach/menu-button/styles.css";

function Example() {
	return (
		<Menu>
			<MenuButton>
				Actions <span aria-hidden>▾</span>
			</MenuButton>
			<MenuList>
				<MenuItem onSelect={() => alert("Download")}>Download</MenuItem>
				<MenuItem onSelect={() => alert("Copy")}>Create a Copy</MenuItem>
				<MenuItem onSelect={() => alert("Mark as Draft")}>
					Mark as Draft
				</MenuItem>
				<MenuItem onSelect={() => alert("Delete")}>Delete</MenuItem>
				<MenuLink as="a" href="https://reacttraining.com/workshops/">
					Attend a Workshop
				</MenuLink>
			</MenuList>
		</Menu>
	);
}

@reach/dropdown @reach/polymorphic @reach/popover @reach/utils

@cbinsights/fds @midigator/styleguide @galley-eng/pricing-calculator @theme-components/menu-button @sellics/ui-kit mivo-uikit @asuite/seed-actions @djaciel/react-components @infinitebrahmanuniverse/nolb-_reach react-devtools-shared @everything-registry/sub-chunk-763 @pantheon-systems/design-toolkit-react @raid-ui/dropdown @pooltogether/pooltogether-react-tailwind-ui @pooltogether/react-components @planningcenter/doxy-web @play4them/design-system @play4them/fresco reach-ui-fork @nearst/ui @losslessproject/react-components @mip-studio/components pouncejs @meetup/swarm-components @meetup/swarm-styles @ntragas/pouncejstest @marg51/lift-ui react-table-ui react-ui @repay/cactus-web @seamonster-studios/bs-reach sn-stylekit @wooy/react-components @tlon/indigo-react @tiller-ds/menu @tiller-ds/form-elements-advanced @onrecess/playground @qualifyze/design-system @spacesuit/dropdown @standardnotes/stylekit @theme-stack/menu-button @theme-components/reach-menu-button @ticketswap/solar @dtribe/react-components deepnotes-editor @demystdata/ui new-reach-ui magic-components mdx-editor minerva-ui @energybox-global/react-ui @energybox/react-ui @entur/menu @engraft/tool-data-table jobiqo-cl gatsby-interface clubafricain @eyeem-ui/atoms @eyeem-ui/organisms @ifings/design-system @getsynapse/design-system pixore @interactivethings/visualize-app andculturecode-javascript-react-components anolis-ui u-header @air/zephyr @zalastax/nolb-_reach tmba @types/reach__menu-button @vitorlans/react-table-ui treighton-npmtest @binarycapsule/ui-capsules @blocks/editor @buzzcms/components bs-reach @baseplate-sdk/web-app @churchcenter/publishing-status xx-test-sorry @cartolab/elements @cabezonidas/shop-ui @codesandbox/components @colisweb/reason-toolkit @compai/color-picker chvister-devtools @convertkit/block-toolbar @convertkit/editor

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago