Files
fn_registry/frontend/functions/ui/select.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.1 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, source_repo, source_license, source_file
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 source_repo source_license source_file
select component ts ui 1.0.0 impure Select<T>(props: SelectRootProps<T>): JSX.Element Select genérico accesible con grupos, separadores y animaciones. Base-UI primitive con posicionamiento automático.
select
form
dropdown
component
ui
interactive
cn_ts_core
false
@base-ui/react
lucide-react
react
Componente Select que renderiza dropdown genérico accesible con grupos, separadores y posicionamiento automático false
frontend/functions/ui/select.tsx
name type required description
value T false Valor seleccionado (controlled)
name type required description
onValueChange (value: T) => void false Callback al cambiar selección
name type required description
defaultValue T false Valor inicial (uncontrolled)
name type required description
disabled boolean false Deshabilitar el select
onValueChange
true react
default
https://gitea-dgg044oo04woo4ggcsws4gk0.organic-machine.com/Bl4cksmith/Frontend_Library MIT frontend/src/components/ui/select.tsx

Ejemplo

<Select>
  <SelectTrigger><SelectValue placeholder="Elegir..." /></SelectTrigger>
  <SelectContent>
    <SelectGroup>
      <SelectGroupLabel>Frutas</SelectGroupLabel>
      <SelectItem value="apple">Manzana</SelectItem>
      <SelectItem value="banana">Banana</SelectItem>
    </SelectGroup>
    <SelectSeparator />
    <SelectItem value="other">Otro</SelectItem>
  </SelectContent>
</Select>

Notas

Exporta 9 subcomponentes composables: Select, SelectTrigger, SelectValue, SelectPortal, SelectContent, SelectGroup, SelectGroupLabel, SelectItem, SelectSeparator. Genérico sobre el tipo de valor T — TypeScript infiere el tipo desde el prop value/defaultValue. Depende de @base-ui/react y lucide-react.