Các thành phần mới. Lần này là những thứ nhàm chán. Những thứ mà chúng ta xây dựng lại nhiều lần. Được làm thành các thành phần. Nhóm nút, Trường, Nhóm đầu vào, Trạng thái trống, Mục. Chúng kết hợp với nhau một cách tuyệt đẹp và xử lý các mẫu phổ biến mà chúng ta thường sử dụng hàng ngày. Hãy cùng xem nào ⬇️

Hãy bắt đầu với Nhóm Nút. Được yêu cầu rất nhiều. Hoàn hảo cho các nhóm hành động, nút tách, và nhiều hơn nữa. Hoạt động theo chiều ngang, chiều dọc, và bạn thậm chí có thể lồng chúng.

Input Group cho phép bạn thêm biểu tượng, nút, văn bản, bạn biết đấy, tất cả những chi tiết nhỏ mà bạn luôn cần xung quanh các trường nhập của mình. Hỗ trợ căn chỉnh inline và block. Hoạt động với input và textarea.

Giới thiệu Field, một thành phần để xây dựng các biểu mẫu thực sự phức tạp. Tôi đã mất nhiều thời gian để làm cho nó hoạt động đúng nhưng tôi đã làm cho nó hoạt động với tất cả các thư viện biểu mẫu của bạn: Server Actions, React Hook Form, TanStack Form… Và nó giúp việc xây dựng các checkbox và radio có kiểu dáng thật dễ dàng.

Trạng thái trống. Một tiêu đề, mô tả và các nút. Bạn có thể sử dụng nó với hình đại diện và nhóm nhập liệu.

Mục và Nhóm Mục. Đây là một container linh hoạt có thể chứa hầu như bất kỳ loại nội dung nào. Đơn giản nhưng tôi đã xây dựng cái này rất nhiều lần đến nỗi tôi quyết định tạo một thành phần cho nó. Bạn có thể nhóm chúng lại, biến chúng thành liên kết và thêm tiêu đề cũng như chân trang.

Đó là tất cả. Đây là liên kết GitHub. Kiểm tra nhật ký thay đổi trên trang web để xem ví dụ (có rất nhiều) và tài liệu.

Hầu hết các thành phần đã được xây dựng để hoạt động với bất kỳ thư viện thành phần nào. Bạn có thể dễ dàng chỉnh sửa một hoặc hai dòng và làm cho chúng hoạt động với @base_ui hoặc React Aria.