Text Input

Текстовые поля. Бесплатно, MIT · Формы и ввод › Текст

Установка

npx valyro-cli@latest add text-input

npx shadcn@latest add https://valyro.xyz/r/text-input.json

npm install valyro-ui

import 'valyro-ui/styles.css';
import { TextInput } from 'valyro-ui';

Prop	Type	Default
`size`	`'sm' \| 'md' \| 'lg'`	`'md'`	Field height and text size.
`leftIcon`	`ReactNode`		Icon inside the field, before the text.
`rightIcon`	`ReactNode`		Icon inside the field, after the text and the clear/password buttons.
`prefix`	`ReactNode`		Attached text before the input, e.g. "https://".
`suffix`	`ReactNode`		Attached text after the input, e.g. ".vercel.app".
`invalid`	`boolean`	`false`	Error border and aria-invalid on the input (an explicit `aria-invalid` wins).
`clearable`	`boolean`	`false`	Shows a clear button while the input has a value.
`labels`	`Partial<TextInputLabels>`		Accessible names of the clear and show/hide password buttons.