示例样式

Tailwind

在这个例子中,我们使用 Tailwind 来为流程添加样式。

⚠️

我们在这个例子中使用了 Tailwind CDN。由于 SandPack 的一个 bug,在下面打开沙盒后,脚本不会被添加到 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>
}

只读