KpiCardProps
Indicador clave (KPI): valor destacado, variacion, mini-tendencia, estado de carga y error. Pulsable con onClick. Categoria: data.
Firma
export interface KpiCardProps extends CommonProps {
label: string | number | boolean | I18nText;
value?: string | number | boolean | I18nText;
unit?: string | number | boolean | I18nText;
delta?: string | number | boolean | I18nText;
trend?: "up" | "down" | "flat" | Expr;
invertTrend?: boolean | Expr;
description?: string | number | boolean | I18nText;
icon?: string;
tone?: Tone | Expr;
sparkline?: Array<number | Expr> | Expr;
loading?: boolean | Expr;
error?: string | number | boolean | I18nText;
onClick?: UiActionInput;
}- Extiende
Miembros (13)
| Nombre | Tipo | Descripción |
|---|---|---|
| labelobligatorio | string | number | boolean | I18nText | Nombre del indicador. |
| valueopcional | string | number | boolean | I18nText | Valor ya formateado (texto o numero). |
| unitopcional | string | number | boolean | I18nText | Unidad tras el valor (%, ms, usuarios...). |
| deltaopcional | string | number | boolean | I18nText | Variacion (texto). |
| trendopcional | "up" | "down" | "flat" | Expr | Direccion de la variacion. Por defecto: |
| invertTrendopcional | boolean | Expr | Si bajar es bueno (p. ej. spam): up pasa a malo y down a bueno. |
| descriptionopcional | string | number | boolean | I18nText | Texto de apoyo. |
| 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. |
| toneopcional | Tone | Expr | Intencion semantica; el tema decide el color. Por defecto: |
| sparklineopcional | Array<number | Expr> | Expr | Serie de la mini-tendencia (max 60 puntos). |
| loadingopcional | boolean | Expr | Muestra esqueleto. |
| erroropcional | string | number | boolean | I18nText | Mensaje de error en lugar del valor. |
| onClickopcional | UiActionInput | Hace la tarjeta pulsable. |
Usado en / Referenciado por
Referencia a
Fuente: bloomx-extensions/_shared/sdk/ui.d.ts:2265 · ui.d.ts