Home

Use

• Handling Hover, Focus, and Other States not typed.

• But all others is typed.

Import

import type {TextColor} from "tailwindcss-types";
//or
import {TextColor} from "tailwindcss-types";

Svelte

Must be for most projects

import type {TextColor} from "tailwindcss-types";

Example

Simple usage

let value: TextColor = 'text-neutral-100' //OK
let value: TextColor[] = ['text-neutral-100', 'text-sm'] //OK


let value: TextColor = 'dark:text-neutral-100' //NOT OK
let value: TextColor = 'hover:text-neutral-100' //NOT OK

To use Handling Hover, Focus, and Other States you must add string type.

let value: string | TextColor = 'dark:text-neutral-100' // OK
let value: string[] | TextColor[] = ['hover:text-neutral-100', 'focus:text-sm'] //OK