🎨 tailwindcss-autofill

[![npm version][npm badge]][npm url]
[![GitHub license][license badge]][license url]

TailwindCSS variant to style autocompleted form fields.

Requirements

- Node.js 12+

- TailwindCSS 2+

Install

``bash
yarn add tailwindcss-autofill
`

Or if you use npm:

`bash
npm i --save tailwindcss-autofill
`

Usage

Add to plugins in your tailwind.config.js:

`js
module.exports = {
// ....
plugins: [
require("tailwindcss-autofill"),
// ...other plugins
],
// For TailwindCSS v2 only
variants: {
extend: {
// Enable autofill variant for plugins you want
borderColor: ["autofill"],
shadowFill: ["autofill"],
textFill: ["autofill"],
},
},
};
`

This plugin is often used with the tailwindcss-shadow-fill and tailwindcss-text-fill because background-color and color won't work.

Style your components using autofill::

`jsx

`

Contributing

$3

- Node 12+

- Yarn 1.22+

$3

1. Install requirements

2. Clone the repository

3. Run yarn to install dependencies

$3

- Commit adhering to Angular commit convention, use yarn commit or Code conventional commits to commit interactively

- Submit a PR and make sure required status checks pass

- When a PR is merged or code is pushed to master`, Github automatically builds and publishes a new release if there're relevant changes

Author

- [Minh-Phuc Tran][@phuctm97]

[npm badge]: https://img.shields.io/npm/v/tailwindcss-autofill?logo=npm
[license badge]: https://img.shields.io/github/license/phuctm97/tailwindcss-autofill
[npm url]: https://www.npmjs.com/package/tailwindcss-autofill
[license url]: /LICENSE

[@phuctm97]: https://phuctm97.com