@reach/menu-button NPM | npm.io

0.18.0 • Published 3 years ago

Install

Weekly downloads

118,833

License

MIT

Repository

Last release

3 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

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

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

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

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

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

6 years ago

6 years ago

6 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago