0.4.0

Theme Switcher

Dropdown Menu

Displays a menu to the user — such as a set of actions or functions — triggered by a button.

import { Button } from "@ngrok/mantle/button";
import {
	DropdownMenu,
	DropdownMenuContent,
	DropdownMenuItem,
	DropdownMenuLabel,
	DropdownMenuRadioItem,
	DropdownMenuSeparator,
	DropdownMenuTrigger,
} from "@ngrok/mantle/dropdown-menu";


	
		
	
	
		micah@ngrok.com
		
		
			
			System Preference
		
		
			
			Light Mode
		
		
			
			Dark Mode
		
		
			
			Light High Contrast
		
		
			
			Dark High Contrast
		
		
		
			
			User Settings
		
		
		
			
			Log out

API Reference

The DropdownMenu components are built on top of Radix Dropdown Menu.

DropdownMenuContent

All props from Radix DropdownMenu.Content, plus:

PropTypeDefaultDescription

width

  • trigger
  • content
—

trigger will ensure the dropdown content is the same width as the trigger button.

content will make the dropdown content use the intrinsic content width.