fn-design-system/components/page_header.md

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				false		react @mantine/core @tabler/icons-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}
/>