componente · @solu30/ui-kit/input
CellPrice
Campo de precio para editar dentro de una celda de tabla, con formato de moneda al soltar el foco.
4 sitios de import en 2 de 15 verticales — un archivo que la importa cuenta una vez, monte una instancia o veinte.
- cmp-packages
- dietaly
El componente, montado
Cargando el componente del paquete instalado…
Cómo se usa
import { CellPrice } from '@solu30/ui-kit/input'Props
| Prop | Requerida | Tipo | Qué hace |
|---|---|---|---|
| initial | sí | string | number | null | — |
| onSave | sí | (value: string | null) => void | — |
| onChange | opcional | (value: string | null) => void | Fires on every keystroke with the current raw value (for live preview). |
| onClose | opcional | () => void | — |
| placeholder | opcional | string | — |
| autoFocus | opcional | boolean | — |
| plain | opcional | boolean | When true, renders without border/background at rest; shows border on hover/focus. |
| format | opcional | "money" | "money" — focus-swap mode: shows es-AR currency format at rest (e.g. "$ 34.710"), switches to raw numeric string on focus (select-all), parses back on blur. Without this prop, original type=number behavior is preserved (retrocompat). |