Interfazui
PageHeaderProps
Cabecera de una pagina completa: migas de pan, titulo (h1), estado, descripcion y acciones; muestra su propio estado de carga y error con Reintentar. Categoria: layout.
Firma
export interface PageHeaderProps extends CommonProps {
title: string | number | boolean | I18nText;
description?: string | number | boolean | I18nText;
icon?: string;
breadcrumbs?: Array<{ label: string | number | boolean | I18nText; url?: string; onClick?: UiActionInput; }> | Expr;
status?: { label: string | number | boolean | I18nText; tone?: Tone | Expr; };
actions?: UiNode | UiNode[];
loading?: boolean | Expr;
error?: string | number | boolean | I18nText;
onRetry?: UiActionInput;
}- Extiende
Miembros (9)
| Nombre | Tipo | Descripción |
|---|---|---|
| titleobligatorio | string | number | boolean | I18nText | Titulo de la pagina (h1). |
| descriptionopcional | string | number | boolean | I18nText | Texto de apoyo bajo el titulo. |
| iconopcional | string | Icono: nombre Lucide (p. ej. "Mail"), "lucide:<Nombre>", "brand:<slug>" (logotipo de una app integrada, p. ej. "brand:zoom") o "initials:<XY>". Un nombre desconocido se muestra como icono generico. |
| breadcrumbsopcional | Array<{ label: string | number | boolean | I18nText; url?: string; onClick?: UiActionInput; }> | Expr | Migas de pan (max 6). |
| statusopcional | { label: string | number | boolean | I18nText; tone?: Tone | Expr; } | Estado de la pagina (etiqueta junto al titulo). |
| actionsopcional | UiNode | UiNode[] | Acciones (BUTTON, MENU...) a la derecha; en movil pasan debajo. |
| loadingopcional | boolean | Expr | Muestra el esqueleto del titulo. |
| erroropcional | string | number | boolean | I18nText | Mensaje de error: muestra un aviso en lugar del estado. |
| onRetryopcional | UiActionInput | Accion del boton Reintentar (solo con |
Usado en / Referenciado por
Referencia a
Fuente: bloomx-extensions/_shared/sdk/ui.d.ts:337 · ui.d.ts