unocss-preset-formkit

unocss-preset-formkit

A UnoCSS preset for FormKit variants.

Checkout UnoCSS for instructions on installation and usage

Installation

npm i -D unocss-preset-formkit

import presetFormKit from 'unocss-preset-formkit'

Unocss({
  presets: [
    presetFormKit(),
  ],
})

Usages

This preset adds FormKit attributes for styling using UnoCSS.

For example, you can use formkit-disabled:gray, formkit-invalid:red.

[data-disabled] .formkit-disabled:\gray { text-color: gray }
[data-invalid] .formkit-invalid:\red { text-color: red }

License

MIT License © 2022-PRESENT Gustavo Fenilli