Files
fn_registry/frontend/functions/ui/dropdown_menu.md
T
egutierrez 35bcb63300 feat: nuevos componentes UI — accordion, avatar, breadcrumb, checkbox, command, dropdown, pagination, popover, radio, sheet, select, switch, textarea, toast
Componentes React accesibles basados en Radix UI con soporte de temas via CSS variables. Incluye barrel export en index.ts.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-03 03:23:32 +02:00

2.2 KiB

name, kind, lang, domain, version, purity, signature, description, tags, uses_functions, uses_types, returns, returns_optional, error_type, imports, tested, tests, test_file_path, file_path, props, emits, has_state, framework, variant
name kind lang domain version purity signature description tags uses_functions uses_types returns returns_optional error_type imports tested tests test_file_path file_path props emits has_state framework variant
dropdown_menu component ts ui 1.0.0 impure DropdownMenu(props: DropdownMenuProps): JSX.Element Menu de acciones y contexto accesible con items, checkboxes, radios, separadores y submenus. Base-UI Menu primitive.
dropdown
menu
component
ui
interactive
overlay
base-ui
cn_ts_core
false
@base-ui/react/menu
lucide-react
false
frontend/functions/ui/dropdown_menu.tsx
name type required description
open boolean false Estado controlado de apertura
name type required description
defaultOpen boolean false Estado inicial de apertura
name type required description
onOpenChange (open: boolean) => void false Callback cuando cambia el estado
name type required description
modal boolean false Comportamiento modal (default: true)
onOpenChange
false react

Ejemplo

<DropdownMenu>
  <DropdownMenuTrigger asChild>
    <Button variant="outline">Acciones</Button>
  </DropdownMenuTrigger>
  <DropdownMenuContent>
    <DropdownMenuLabel>Mi cuenta</DropdownMenuLabel>
    <DropdownMenuSeparator />
    <DropdownMenuItem onActivate={() => console.log("Perfil")}>
      Perfil
    </DropdownMenuItem>
    <DropdownMenuCheckboxItem checked={showBookmarks} onCheckedChange={setShowBookmarks}>
      Marcadores
    </DropdownMenuCheckboxItem>
    <DropdownMenuSeparator />
    <DropdownMenuSub>
      <DropdownMenuSubTrigger>Mas opciones</DropdownMenuSubTrigger>
      <DropdownMenuSubContent>
        <DropdownMenuItem>Opcion A</DropdownMenuItem>
      </DropdownMenuSubContent>
    </DropdownMenuSub>
  </DropdownMenuContent>
</DropdownMenu>

Notas

Exports: DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, DropdownMenuPortal.