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>
}

読み取り専用

コンテキストメニュー