@dpa-id-components/tailwind

Common tailwind configuration file. This package also provides @tailwindcss/ui and @tailwindcss/typography plugins.

Installation

yarn add @dpa-id-components/tailwind

Note: You need to install and configure tailwindcss in your project on your own, tailwindcss is not provided by this package.

Usage

After installing the package, the tailwind configuration can be included in your original tailwind.config.js using the following example:

const dpaTailwindConfig = require('@dpa-id-components/tailwind');

module.exports = {
    ...dpaTailwindConfig,
    theme: {
        extend: {
            //...
        }
    }
}

To include the utilities used in this project, import the @dpa-id-components/tailwind/imports.css into your own project stylesheet or entrypoint, e.g.:

// main.js
import "@dpa-id-components/tailwind/imports.css";
// Other shared styles are declared in main.css
import "@dpa-id-components/tailwind/main.css";

Alternatively base, components and utilities can be imported from Tailwind directly in the host project.