How to use with brackets-style classes?

[jamesarosen]

I tried this:

<p className={classnames(fontSize("text-[1.1rem]", "md:text-[1.2rem]"))}>

but I get a TypeScript error:

Argument of type '"tw-text-[1.1rem]"' is not assignable to parameter of type '"TAILWIND_STRING" | TFontSize | …

I would expect /text-\[[^\]]+\]/ to be a valid TFontSize.

[muhammadsammy]

Hi @jamesarosen
Unfortunately it is not supported yet, so you could use as TFontSize to bypass the error.