https://github.com/Julien-R44/unocss-preset-forms

📋 Port of @tailwindcss/forms for UnoCSS.
https://github.com/Julien-R44/unocss-preset-forms

preset tailwind-forms unocss

Last synced: 17 days ago
JSON representation

📋 Port of @tailwindcss/forms for UnoCSS.

• Host: GitHub
• URL: https://github.com/Julien-R44/unocss-preset-forms
• Owner: Julien-R44
• License: mit
• Created: 2022-09-02T15:14:52.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-06-11T14:44:47.000Z (5 months ago)
• Last Synced: 2024-09-19T11:17:57.510Z (about 2 months ago)
• Topics: preset, tailwind-forms, unocss
• Language: TypeScript
• Homepage:
• Size: 478 KB
• Stars: 56
• Watchers: 2
• Forks: 5
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE.md

Awesome Lists containing this project

• awesome-unocss - unocss-preset-forms - Port of [@tailwindcss/forms](https://github.com/tailwindlabs/tailwindcss-forms) for UnoCSS. (Presets)
• awesome-unocss - unocss-preset-forms - Port of [@tailwindcss/forms](https://github.com/tailwindlabs/tailwindcss-forms) for UnoCSS. (Presets)

README

        


  



## Installation

```bash

pnpm install @julr/unocss-preset-forms

```

## Usage 

```ts

import { defineConfig, presetAttributify, presetUno } from 'unocss'

import { presetForms } from '@julr/unocss-preset-forms'

export default defineConfig({

  presets: [

    presetUno(),

    presetForms(), // Add preflights and new rules likes `.form-input`

    presetForms({

      strategy: 'class', // Only add new rules likes `.form-input` and not preflights

    }),

    presetForms({

      strategy: 'base', // Only add preflights and not new rules

    }),

  ],

})

```

As this is a 1-1 port of the Tailwind plugin, please consult their documentation for more information: https://github.com/tailwindlabs/tailwindcss-forms

## License

[MIT](./LICENSE.md) License © 2022 [Julien Ripouteau](https://github.com/Julien-R44)