Neural Processing Mechanisms
Wondering what’s next for npm?Check out our public roadmap! »

@tailwindcss/custom-forms

0.2.1 • Public • Published

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.

Demo

Screenshot

Install

  1. Install the plugin:
# Using npm 
npm install @tailwindcss/custom-forms --save-dev
 
# Using Yarn 
yarn add @tailwindcss/custom-forms -D
  1. 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:

Read the documentation

Local development

  1. Clone the repository:

    git clone https://github.com/tailwindcss/custom-forms.git tailwindcss-custom-forms
     
    cd tailwindcss-custom-forms
  2. Install the dependencies:

    # Using npm 
    npm install
     
    # Using Yarn 
    yarn
  3. Start the development server:

    # Using npm 
    npm run dev
     
    # Using Yarn 
    yarn run dev

    Now you should be able to see the demo/docs running at localhost:3000.

Keywords

none

Install

npm i @tailwindcss/custom-forms

DownloadsWeekly Downloads

73,516

Version

0.2.1

License

MIT

Unpacked Size

127 kB

Total Files

11

Last publish

Collaborators

  • avatar
  • avatar
  • avatar