Tailwind CSS

TIP

This guide assumes you've already installed Tailwind CSS for your application.

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

Install

pnpm add @qualcomm-ui/tailwind-plugin

npm i @qualcomm-ui/tailwind-plugin

yarn add @qualcomm-ui/tailwind-plugin

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

@import "tailwindcss";
/* This import must be after the tailwindcss import */
@import "@qualcomm-ui/tailwind-plugin/qui-strict.css";

Continue to the next page to learn about the available variables.