Files
fn_registry/docs/templates/component.md
T
egutierrez cd7fcd8cca feat: setup frontend con pnpm, vite, react, tailwind y shadcn
Inicializa directorio frontend/ con stack React moderno:
pnpm + vite 8 + react 19 + tailwind v4 + shadcn v4 (base-nova).
Estructura functions/core (TS puro) y functions/ui (componentes React).
El indexer descubre frontend/functions/ y frontend/types/ automáticamente.
Elimina functions/components/ (legacy) y actualiza referencias en
CLAUDE.md y template de componentes.
2026-03-28 20:32:40 +01:00

1.1 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
DataTable component typescript core 1.0.0 impure DataTable<T>(props: { data: T[]; columns: ColumnDef<T>[]; onRowClick?: (row: T) => void }): JSX.Element Tabla de datos generica con soporte para columnas configurables y click en fila.
table
component
generic
ui
false
react
false
frontend/functions/ui/data_table.tsx
name type required description
data T[] true Array de datos a renderizar
name type required description
columns ColumnDef<T>[] true Definicion de columnas
name type required description
onRowClick (row: T) => void false Callback al hacer click en una fila
onRowClick
true react
default
compact
striped

Ejemplo

<DataTable data={users} columns={cols} onRowClick={handleClick} />

Notas

Componente con estado interno para manejar seleccion y scroll.