Tailwind CSS

We provide a Tailwind CSS plugin which enhances your tailwind theme with QUI colors, fonts, and more.

Install

Follow the Tailwind installation instructions for your application.

Then install the QUI plugin:

npm i @qualcomm-ui/tailwind-plugin

Once installed, import the plugin where you've configured your tailwind theme:

@import "tailwindcss";
@import "@qualcomm-ui/tailwind-plugin/qui-strict.css";

Theme

Refer to the Theme section for documentation on the classes that this plugin provides.