componente · @solu30/ui-kit/animation
SlidingNumber
Número que rueda dígito a dígito cuando cambia, con los separadores del idioma que se le pase.
1 sitio de import en 1 de 15 verticales — un archivo que la importa cuenta una vez, monte una instancia o veinte.
- gestorsalon
El componente, montado
Cargando el componente del paquete instalado…
Cómo se usa
import { SlidingNumber } from '@solu30/ui-kit/animation'Props
| Prop | Requerida | Tipo | Qué hace |
|---|---|---|---|
| value | sí | number | — |
| decimals | opcional | number | Decimales fijos. Default `0`. |
| locale | opcional | string | Locale para los separadores. Default: el del runtime. |
| padStart | opcional | number | Mínimo de dígitos enteros, rellenando con ceros a la izquierda. Default `1`. |
| prefix | opcional | ReactNode | Nodo estático a la izquierda del número — `$`, `AR$`, un ícono. |
| suffix | opcional | ReactNode | Nodo estático a la derecha — `%`, `km`, la unidad. |
| className | opcional | string | — |
Ejemplo del paquete
<SlidingNumber value={facturacionDelDia} decimals={2} prefix="$" locale="es-AR" />Del @example del JSDoc de @solu30/ui-kit, sin editar: son 65 de los 541 símbolos. La sangría y los renglones en blanco son los del paquete.