GitHub - tailwindcss/custom-forms: A better base for styling form elements with...
source link: https://github.com/tailwindcss/custom-forms
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
README.md
Tailwind CSS Custom Forms
Out of the box, selects, checkboxes, and radios look awful in Tailwind and the only way to make them look better is with custom CSS.
The goal of this project is to provide a better starting point for form elements that is still fairly unopinionated, and easy to customize by adding utilities instead of having to write complicated CSS rules.
Install
- Install the plugin:
# Using npm npm install @tailwindcss/custom-forms # Using Yarn yarn add @tailwindcss/custom-forms
- Add it to your
tailwind.config.js
file:
// tailwind.config.js module.exports = { // ... plugins: [ require('@tailwindcss/custom-forms') ] }
Documentation
The project is still early but basic documentation can be found here:
Local development
-
Clone the repository:
git clone https://github.com/tailwindcss/custom-forms.git tailwindcss-custom-forms cd tailwindcss-custom-forms
-
Install the dependencies:
# Using npm npm install # Using Yarn yarn
-
Start the development server:
# Using npm npm run serve # Using Yarn yarn run serve
Now you should be able to see the demo/docs running at localhost:8080.
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK