Компоненты · Элементы

ПолеField

Поле ввода с подписью, подсказкой и ошибкой

npx shadcn@latest add @umbra/field

Input (таблетка 48 px), Textarea (радиус вложенного) и Field (подпись, поле, подсказка или ошибка). Подпись, подсказка и ошибка по левому краю поля; текст внутри начинается с отступа 20. Поле один из двух случаев, где в Umbra есть рамка: --border 1 px

Когда брать

  • Название, заметка, ключ API, адрес
  • Field вокруг любого поля, чтобы подпись и ошибка были связаны с ним для скринридера

Когда не брать

  • Выбор из списка: Select
  • «Вкл / выкл»: Toggle
  • Поиск в шапке страницы: SearchToggle

Настройки записи

Применяются к новым встречам

Видно только вам

Можно

  • Ошибка: что случилось и что сделать («Ключ не подошёл. Проверьте, что скопирован целиком»)

Нельзя

  • Красный для ошибки: красный это запись и удаление; предупреждение это Giants
  • Плейсхолдер вместо подписи