Tailwind

In this example we are using Tailwind (opens in a new tab) for styling the flow.

⚠️

We are using the Tailwind CDN for this example. Because of a bug (opens in a new tab) with SandPack, opening the sandbox below will not have the script added to the HTML document. To make sure the example works correctly, make sure you add <script src="https://cdn.tailwindcss.com"></script> to the HTML document in public/index.html manually.

If you are copying the example locally, you will likely have Tailwind set up differently, and can ignore this warning.

export default function App() {
  const data: string = "world"

  return <h1>Hello {data}</h1>
}

Read-only

Styled Components Turbo Flow