typewindDocumentationDocumentation
GitHubGitHub (opens in a new tab)
  • Introduction
  • Installation
  • Usage
    • Normal Usage
    • Modifiers
    • Important Modifier
    • Arbitrary Values
    • Arbitrary Variants
    • Container Queries
  • Transpilers
    • Babel
    • SWC
  • Examples
    • Vite
    • NextJS
  • Advanced
    • Configuration
    • Escape Hatch
    • Custom Config File Path
    • Rem to Px
  • Documentation
    • Introduction
    • Installation
    • Usage
      • Normal Usage
      • Modifiers
      • Important Modifier
      • Arbitrary Values
      • Arbitrary Variants
      • Container Queries
    • Transpilers
      • Babel
      • SWC
    • Examples
      • Vite
      • NextJS
    • Advanced
      • Configuration
      • Escape Hatch
        • Escape Hatch
      • Custom Config File Path
      • Rem to Px

On This Page

  • Escape Hatch
Question? Give us feedback → (opens in a new tab)Edit this page
Documentation
Advanced
Escape Hatch

Escape Hatch

Typewind provides an escape hatch as well, which directly adds the given string to the output. This is not recommended, but can be useful in some cases (opens in a new tab).

import { tw } from 'typewind';
 
export default function App() {
  return (
    <button className={tw.raw("bg-blue-500")}>Click Me</button>
  );
}
<button className="bg-blue-500">Click Me</button>

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

ConfigurationCustom Config File Path

MIT 2023 © Mokshit Jain.
Powered by