componente · @solu30/ui-kit/display

TotalsBreakdown

Desglose de totales por concepto, con los importes formateados en una moneda.

4 sitios de import en 2 de 15 verticales — un archivo que la importa cuenta una vez, monte una instancia o veinte.

dietaly
elliot

El componente, montado

Cargando el espécimen…

export function TotalsBreakdownSpecimen() {
  return (
    <Stage label="TotalsBreakdown · desglose de un charter" tall>
      <div className="w-full max-w-xs">
        <TotalsBreakdown totals={CHARTER_TOTALS} currency="ARS" />
      </div>
    </Stage>
  )
}

De specimens/display.tsx · TotalsBreakdownSpecimen: el espécimen del Muestrario, no un ejemplo oficial del paquete. Muestra cómo se usa la pieza de verdad, montada contra los tipos instalados —eso es lo que vale— pero no es documentación del kit.

Cómo se usa

import { TotalsBreakdown } from '@solu30/ui-kit/display'

Props

3 props declaradas en los tipos de la versión instalada.
Prop	Requerida	Tipo	Qué hace
totals	sí	`Record<string, number>`	—
currency	opcional	`string`	—
className	opcional	`string`	—