Label
Подпись поля: отметки «обязательно» и «необязательно» словами для скринридера, подсказка-иконка, связь внутри FormField. Бесплатно, MIT · Формы и ввод › Форма целиком и фильтры
Установка
npx valyro-cli@latest add labelnpx shadcn@latest add https://valyro.xyz/r/label.jsonnpm install valyro-ui
import 'valyro-ui/styles.css';
import { Label } from 'valyro-ui';Пропсы
| Prop | Type | Default | |
|---|---|---|---|
required | boolean | Shows the "*" mark; screen readers hear the labels.required word instead. Inside a FormField: the field's required. | |
optional | boolean | false | Shows labels.optional after the text, for forms where most fields are required. |
disabled | boolean | false | Dims the label to match a disabled control. |
info | ReactNode | Extra help behind an info button next to the label, shown in a Tooltip on hover and focus. | |
size | 'sm' | 'md' | 'md' | Text size. |
labels | Partial<LabelLabels> | Overrides for the built-in English text; keys left out keep their defaults. |
Похожие компоненты
- Form Field — Поле с валидацией и ошибками
- Multi-step Form — Пошаговая форма: валидация шагов, пропуск, проверка перед отправкой, черновик
- Form Autosave Status — Статус автосохранения формы: офлайн, ошибка, конфликт версий и хук useAutosave
- Filter Builder — Конструктор фильтров: вложенные группы И/ИЛИ, условия по типу поля, JSON и сводка
- Filter Toolbar — Панель фильтров каталога: счётчик, выпадающие фильтры, сортировка, чипы
- Text Input — Текстовые поля
- Input Group — Поле вместе с текстом, кнопками и списками в одной рамке
- Textarea — Многострочный ввод
- Search Input — Поисковая строка
- Mentions Input — Текст с @упоминаниями и #тегами, асинхронные подсказки
- Tags Input — Ввод тегов
- Select — Выбор из списка
Назад: Image Cropper · Далее: Form Field · Весь раздел «Формы и ввод»