Новые компоненты. На этот раз это скучные вещи. То, что мы перестраиваем снова и снова. Превращенные в компоненты. Группа кнопок, Поле, Группа ввода, Пустые состояния, Элемент. Они прекрасно сочетаются и обрабатывают общие шаблоны, к которым мы обращаемся каждый день. Давайте взглянем ⬇️

Давайте начнем с группы кнопок. Очень запрашиваемая. Идеально подходит для групп действий, разделенных кнопок и многого другого. Работает горизонтально, вертикально, и вы даже можете вложить их.

Input Group позволяет добавлять иконки, кнопки, текст, вы знаете, все эти мелочи, которые всегда нужны вокруг ваших полей ввода. Поддерживает встроенные и блочные выравнивания. Работает с полями ввода и текстовыми областями.

Представляем Field, компонент для создания действительно сложных форм. Мне потребовалось много времени, чтобы всё правильно настроить, но я заставил его работать со всеми вашими библиотеками форм: Server Actions, React Hook Form, TanStack Form… И это делает создание стилизованных чекбоксов и радиокнопок супер простым.

Пустые состояния. Заголовок, описание и кнопки. Вы можете использовать это с аватарами и группами ввода.

Элемент и группа элементов. Это гибкий контейнер, который может содержать практически любой тип контента. Просто, но я создавал это так много раз, что решил создать для этого компонент. Вы можете группировать их, превращать в ссылки и добавлять заголовки и подвал.

Вот и всё. Вот ссылка на GitHub. Проверьте журнал изменений на сайте для примеров (их много) и документацию.

Большинство компонентов были разработаны для работы с любыми библиотеками компонентов. Вы можете легко изменить одну-две строки и заставить их работать с @base_ui или React Aria.