🎨 TailwindCSS variant to style autocompleted form fields.
npm install tailwindcss-autofill[![npm version][npm badge]][npm url]
[![GitHub license][license badge]][license url]
TailwindCSS variant to style autocompleted form fields.
- Node.js 12+
- TailwindCSS 2+
``bash`
yarn add tailwindcss-autofill
Or if you use npm:
`bash`
npm i --save tailwindcss-autofill
Add to plugins in your tailwind.config.js:
`jsautofill
module.exports = {
// ....
plugins: [
require("tailwindcss-autofill"),
// ...other plugins
],
// For TailwindCSS v2 only
variants: {
extend: {
// Enable 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`
- Node 12+
- Yarn 1.22+
1. Install requirements
2. Clone the repository
3. Run yarn to install dependencies
- 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
- [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