Input Group

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

Установка

npx valyro-cli@latest add input-group

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

npm install valyro-ui

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

Prop	Type	Default
`size`	`'sm' \| 'md' \| 'lg'`	`'md'`	Height and text size of the group; passed to the kit controls inside that do not set their own.
`orientation`	`'horizontal' \| 'vertical'`	`'horizontal'`	Segments in a row, or stacked. Block addons stack the group by themselves.
`disabled`	`boolean`	`false`	Disables every control inside.
`invalid`	`boolean`		Error look for the whole group; inside a FormField it follows the field's error.

InputGroup.Text (InputGroupText), InputGroup.Addon (InputGroupAddon)