Documentation • Discussion • Discord

About

This is the UnoCSS preset for corvu. It adds variants to style primitives based on their state:

<Dialog.Content
  class="corvu-open:animate-in corvu-closed:animate-out"
>
  ...
</Dialog.Content>

Getting started

Install the plugin with the package manager of your choice:

npm install @corvu/unocss

Then add the preset to your uno.config.tsx file:

import { defineConfig } from 'unocss'
import presetCorvu from '@corvu/unocss'

export default defineConfig({
  // ...
  presets: [
    // Use it with the default prefix 'corvu'
    presetCorvu(),
    // or with a custom prefix
    presetCorvu({ prefix: 'ui' }),
    // ...
  ],
})