componente · @solu30/ui-kit/input
TextInput
El componente, montado
Cargando el espécimen…
Cargando el chunk del paquete instalado…
De dónde se importa
import { TextInput } from '@solu30/ui-kit/input'Props
| Prop | Requerida | Tipo | Qué hace |
|---|---|---|---|
| label | opcional | string | Floating label text |
| error | opcional | string | Error message to display below input |
| errorType | opcional | 'warning' | 'error' | Type of error styling: 'error' (red) or 'warning' (yellow) |
| size | opcional | InputSize | Input size variant |
| icon | opcional | React.ReactNode | Icon displayed on the left (alias for startIcon) |
| startIcon | opcional | React.ReactNode | Icon displayed on the left |
| endIcon | opcional | React.ReactNode | Icon displayed on the right |
| prefix | opcional | React.ReactNode | Element rendered inside the input on the left — for text/symbol prefixes (e.g. "$"). Adds pl-9 padding. |
| suffix | opcional | React.ReactNode | Element rendered inside the input on the right — for text/symbol suffixes (e.g. "kg"). Adds pr-9 padding. |
| onChangeNumber | opcional | (value: number) => void | Fires alongside onChange with the parsed float value of the input. Returns 0 when value is not a valid number. |
| helpText | opcional | string | Help text displayed below input |
| fullWidth | opcional | boolean | Whether input takes full width |
| floatingLabel | opcional | boolean | Enable floating label pattern (CSS-only, no JS state) |