@pagedotapp/page-menu

A dropdown menu component built on Radix UI

Installation

npm install @pagedotapp/page-menu

Usage

import { PageMenu } from "@pagedotapp/page-menu"

function App() {
	return (
		<PageMenu>
			<PageMenuTrigger>
				<button>Open Menu</button>
			</PageMenuTrigger>
			<PageMenuContent>
				<PageMenuItem onSelect={() => console.log("Edit")}>Edit</PageMenuItem>
				<PageMenuItem onSelect={() => console.log("Delete")}>
					Delete
				</PageMenuItem>
			</PageMenuContent>
		</PageMenu>
	)
}

Props

See the TypeScript definitions for detailed prop types.

Styling

This component uses CSS modules for styling. The styles are injected automatically when you use the component.

Dependencies

Peer Dependencies

• React >=16.8.0
• React DOM >=16.8.0

Required Dependencies

• @radix-ui/react-dropdown-menu: ^2.1.15
• @pagedotapp/page-icon: ^0.1.0-alpha.0

License

MIT © PageStudio