InputGroup

Обёртка контрола с аддонами на shadcn. Compound-набор: InputGroup оборачивает InputGroupInput / InputGroupTextarea и InputGroupAddon — контейнер для иконок, кнопок (InputGroupButton) и статичного текста (InputGroupText) по краям поля. Выравнивание аддона задаётся через align, а фокус-ринг и состояние ошибки применяются ко всей группе целиком.

Variants — готовые конфигурации компонента: один и тот же компонент с разными преднастроенными пропсами. Витрина состояний (напр. обычный Select и Select с расширенной информацией — два варианта).

Examples — приёмы в коде: как решить задачу. Напр. как разные Data Provider’ы работают с компонентом (рецепты использования).

InputGroupAddon с иконкой. align="inline-start" ставит аддон слева, "inline-end" — справа.

Загрузка демо…

InputGroupText внутри аддона — статичный текст по краю поля (протокол, домен, единицы).

Загрузка демо…

InputGroupButton — кнопка внутри аддона (по умолчанию variant="ghost", size="xs"). Клик по кнопке не фокусирует поле.

Загрузка демо…