Files
fn_registry/frontend/functions/ui/page_header.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

1.7 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
page_header component ts ui 1.0.0 impure PageHeader(props: PageHeaderProps): JSX.Element Cabecera de página con título, subtítulo, acciones, back button, tabs integrados, badge y modo sticky. Incluye SimplePageHeader.
header
page
layout
navigation
component
ui
cn_ts_core
false
react
Componente PageHeader que renderiza cabecera de página con título, acciones, tabs integrados y modo sticky false
frontend/functions/ui/page_header.tsx
name type required description
title string true Título principal
name type required description
subtitle string false Subtítulo
name type required description
actions ReactNode false Botones de acción
name type required description
tabs TabItem[] false Tabs de navegación integrados
name type required description
sticky boolean false Header fijo al scroll
onBack
onTabChange
false react
full
simple
https://gitea-dgg044oo04woo4ggcsws4gk0.organic-machine.com/Bl4cksmith/Frontend_Library MIT frontend/src/components/ui/page-header.tsx

Ejemplo

<PageHeader
  title="Dashboard"
  subtitle="Vista general"
  actions={<Button>Export</Button>}
  tabs={[{ label: "Overview", value: "overview" }, { label: "Analytics", value: "analytics" }]}
  activeTab="overview"
  onTabChange={setTab}
/>