Button Menu is a trigger button that opens a menu of related actions when activated.
Loading demo: button-menu-real-world
npx sdaia-ui@latest add buttonmenu
import { Button } from "@/components/ui/button"import { Button } from "@/components/ui/button"The default button close style.
Loading demo: button-menu-default
Use the `size` prop to change the size of the button menu.
Loading demo: button-menu-sizes
Use the `iconOnly` prop to change the layout of the button menu.
Loading demo: button-menu-icon-only
Props for the Button Menu component.
Prop | Type | Default | Required |
|---|---|---|---|
variant | 'neutral' | 'primary' | 'secondary-solid' | 'secondary-outline' | 'subtle' | 'transparent' | 'neutral' | optional |
size | 'sm' | 'md' | 'lg' | 'md' | optional |
leadingIcon | ReactNode | — | optional |
iconOnly | boolean | — | optional |
disabled | boolean | — | optional |
selected | boolean | — | optional |
fullWidth | boolean | — | optional |
dir | 'ltr' | 'rtl' | — | optional |
as | ElementType | — | optional |
children | ReactNode | — | optional |