Нові компоненти. Цього разу це нудна штука. Речі, які ми перебудовуємо знову і знову. Складається з компонентів. Група кнопок, Поле, Група введення, Порожні стани, Елемент. Вони чудово компонуються та обробляють загальні візерунки, до яких ми тягнемося щодня. Давайте подивимося ⬇️

Почнемо з групи кнопок. Дуже затребуваний. Ідеально підходить для груп дій, розділених кнопок тощо. Працює горизонтально, вертикально, і ви навіть можете їх вкласти.

Група вводу дозволяє додавати іконки, кнопки, текст, знаєте, всі ті дрібниці, які вам завжди потрібні у ваших введеннях. Підтримує вбудоване та блокове вирівнювання. Працює з вхідними даними та текстовою областю.

Представляємо Field, компонент для побудови дійсно складних форм. Мені знадобилося багато часу, щоб зробити все правильно, але я змусив його працювати з усіма вашими бібліотеками форм: Server Actions, React Hook Form, TanStack Form... І це дозволяє надзвичайно легко створювати стилізовані чекбокси та радіоприймачі.

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

Пункт і група предметів. Це гнучкий контейнер, який може вмістити майже будь-який тип вмісту. Простий, але я збирав це стільки разів, що вирішив створити компонент для нього. Ви можете групувати їх, перетворювати на посилання та додавати колонтитули.

Ось і все. Ось посилання на GitHub. Перевірте журнал змін на сайті за прикладами (їх дуже багато) та документацією.

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