Files
fn_registry/frontend/functions/ui/dropdown_menu.md
T
egutierrez 5f4f1f7508 docs: params/output semántico en 506 funciones para composabilidad
Añade campos params y output al frontmatter YAML de las 506 funciones del registry.
Cada parámetro tiene descripción semántica (qué representa, unidades, rango típico)
y cada función describe qué produce su output. Permite a agentes razonar sobre
cadenas de composición (ej: prices → log_return → sharpe_ratio) sin leer código.
2026-04-05 18:45:16 +02:00

2.3 KiB

name, kind, lang, domain, version, purity, signature, description, tags, uses_functions, uses_types, returns, returns_optional, error_type, imports, output, 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 output 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
Componente DropdownMenu que renderiza menú desplegable accesible con items, checkboxes, radios y submenus 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.