TrendBadge

export function TrendSpecimen() {
  return (
    <Stage label="TrendBadge · el signo no decide el color">
      <div className="flex flex-wrap items-center justify-center gap-2">
        <TrendBadge delta={12.4} suffix="%" />
        <TrendBadge delta={-3.1} suffix="%" />
        <TrendBadge delta={0} suffix="%" />
        <TrendBadge delta={-8} suffix="%" positiveIsGood={false} />
      </div>
    </Stage>
  )
}

De specimens/display.tsx · TrendSpecimen: 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.