ある日、Reactプロジェクトにおけるダッシュボードのフロントをデザインなしで実装する案件がありました。
デザイン指定がないとはいえ、それっぽいモダンなレイアウトは確保したい。
そこで今回「Flowbite React」を試してみます。
Flowbite React Components
「Flowbite」は「Tailwind CSS」のコンポーネントで、クラスを指定するだけでモダンな見た目を提供してくれます。
応用性がある反面、クラスの指定が多少細かいので冗長になりがちです。
「Flowbite React」では、簡単な引数を指定するだけで、Flowbiteを適用することができます。
今回試した環境は以下の通りです。Tailwind CSSなどはインストール済みを前提とします。
- Windows 11 Home
- Node.js 16.19.1
- React 18.2.0
- Tailwind CSS 3.2.7
- Flowbite 0.4.3