Arbitrary Values

You can also pass arbitrary values to the tw proxy using the same familiar [] syntax which tailwind provides us with.

import { tw } from 'typewind';
 
export default function App() {
  return (
    <button className={tw.text_['20px'].py_3.px_4.bg_blue_500}>Click Me</button>
  );
}

<button className="text-[20px] py-3 px-4 bg-blue-500">Click Me</button>

For more reference, checkout the Tailwind Docs for Arbitrary Values (opens in a new tab).

Important Modifier Arbitrary Variants