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