Forms

Describes how to style forms with UnoCSS.

Installation

UnoCSS has a community preset that is a port of the Tailwind forms plugin. You can see all community presets in the official UnoCSS docs .

pnpm add -D @julr/unocss-preset-forms

Next, add the preset to your unocss.config.ts file:

import { defineConfig, presetAttributify, presetUno } from 'unocss'
import { presetForms } from '@julr/unocss-preset-forms'
 
export default defineConfig({
  presets: [
    // ...
    presetForms()
  ],
  // ...
})

unocss.config.ts