範例樣式

Tailwind

在這個範例中,我們使用 Tailwind 來設定流程的樣式。

⚠️

這個範例我們使用的是 Tailwind CDN。由於 SandPack 的一個 錯誤,開啟下方的沙箱時,腳本不會被新增到 HTML 文件中。為了確保範例正常運作,請務必手動將 <script src="https://cdn.tailwindcss.com"></script> 新增到 public/index.html 中的 HTML 文件。

如果您要在本機複製此範例,您很可能已經以不同的方式設定 Tailwind,可以忽略此警告。

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

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

唯讀