@corvu/tailwind

Documentation • Discussions

About

This is the tailwindcss plugin for corvu. It adds modifiers 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/tailwind

Then add the plugin to your tailwind.config.js file:

module.exports = {
  // ...
  plugins: [
    // Use it with the default prefix 'corvu'
    require('@corvu/tailwind'),
    // or with a custom prefix
    require('@corvu/tailwind')({ prefix: 'ui' }),
    // ...
  ],
}