Files
fn_registry/frontend/functions/ui/page_header.md
T
egutierrez 87e8f33b01 fix: corregir lang y file_path en frontmatter de funciones existentes
Normaliza lang: typescript → ts en funciones frontend y corrige file_path de functions/infra/ → functions/browser/ en funciones CDP. Actualiza referencias cn_typescript_core → cn_ts_core.

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

1.5 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, 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 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
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}
/>