windy-radix-palette

Getting Started

How to install and use windy-radix-palette

This Tailwind plugin adds colors to your Tailwind config for each of the colors in the Radix Colors palette.

  1. Installation

    Install windy-radix-palette and its peer dependencies using your package manager of choice. 

    npm install --save-dev windy-radix-palette @radix-ui/colors

  2. Configuration

    Add the plugin to your tailwind.config.js file.

    module.exports = {
  plugins: [require('windy-radix-palette')]
};

  3. Basic Usage

    Tailwind classes for Radix Colors should now be available for use in your markup! e.g. bg-blue-4, text-mauveA-11 

    <button class="bg-tomato-3 text-tomato-11">Button</button>