Carregando…Carregando…Carregando…Carregando…Click-triggered dropdown menu with a macOS-style translucent vibrancy skin, built on Radix Dropdown Menu.
Clique — skin translúcido estilo macOS
$ npx kikitocn add mac-os-dropdown@/lib/utils@radix-ui/react-dropdown-menuimport { macOSDropdown } from "@/components/ui/cn/mac-os-dropdown/macOSDropdown";
export function macOSDropdownExample() {
return (
<macOSDropdown align="start" side="top">
<button type="button">macOS Dropdown</button>
</macOSDropdown>
);
}| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
groups* | MacOsDropdownGroup[] | — | Grupos do menu: { label?, items: MacOsDropdownItem[] } |
children* | ReactElement | — | Elemento que dispara o menu ao clicar |
align | 'start' | 'center' | 'end' | 'start' | Alinhamento do menu |
side | 'top' | 'bottom' | 'left' | 'right' | 'bottom' | Lado de abertura do menu |
className | string | — | Classes CSS extras |
style | React.CSSProperties | — | Estilos inline extras |