Dự án này không tương thích với Tailwind CSS phiên bản 2.0+ và đã bị loại bỏ để ủng hộ @tailwindcss/forms.
Bạn vẫn có thể sử dụng điều này nếu bạn đang sử dụng Tailwind CSS phiên bản 1.x, nhưng chúng tôi khuyên bạn nên cập nhật lên phiên bản 2.0 và chuyển sang @tailwindcss/forms
nếu có thể.
Tailwind CSS Custom Forms
Mặc định, các select, checkbox và radio trong Tailwind trông khá tệ và cách duy nhất để làm cho chúng trông tốt hơn là sử dụng CSS tùy chỉnh.
Mục tiêu của dự án này là cung cấp một điểm khởi đầu tốt hơn cho các phần tử biểu mẫu mà vẫn khá không định kiến và dễ dàng tùy chỉnh bằng cách thêm các tiện ích thay vì phải viết các quy tắc CSS phức tạp.
Cài đặt
. Cài đặt plugin:
# Using npm
npm install @tailwindcss/custom-forms --save-dev
# Using Yarn
yarn add @tailwindcss/custom-forms -D
. Thêm nó vào tệp tailwind.config.js
của bạn:
// tailwind.config.js
module.exports = {
// ...
plugins: [
require('@tailwindcss/custom-forms')
]
}
Tài liệu
Dự án vẫn còn khá sớm nhưng tài liệu cơ bản có thể được tìm thấy tại đây:
Phát triển cục bộ
Sao chép kho lưu trữ:
git clone https://github.com/tailwindcss/custom-forms.git tailwindcss-custom-forms
cd tailwindcss-custom-forms
Cài đặt các phụ thuộc:
# Using npm
npm install
# Using Yarn
yarn
Bắt đầu máy chủ phát triển:
# Using npm
npm run dev
# Using Yarn
yarn run dev
Bây giờ bạn nên có thể thấy demo/tài liệu chạy tại localhost:3000.
Chi tiết tải về:
Tác giả: tailwindlabs
Nguồn: https://github.com/tailwindlabs/tailwindcss-custom-forms
Giấy phép: MIT license