はじめに
flowbiteをRemixのプロジェクトに導入したのですが、うまくスタイルが当たらなかったのでまとめます
問題
以下のチュートリアル通りに設定をしたところボタンがうまく表示されませんでした
真っ白なボタンになってしまい、文字は表示されませんでした
import { Tooltip, Button } from "flowbite-react";
export default function Index() {
return (
<div>
<h1>Welcome to Remix</h1>
<Tooltip content="Flowbite is awesome">
<Button>
Hover to find out
</Button>
</Tooltip>
</div>
);
}
解決方法
flowbite
をアンインストールしたら解決しました
flowbite-reactが入っていれば問題なかったようです
おわりに
とりあえず使ってみようかなと思います