見出し画像

tailwindcssライブラリを使ってダッシュボードのスケルトンを作ってみました

こんにちわ。nap5です。


tailwindcssライブラリを使ってダッシュボードのスケルトンを作ってみましたので、紹介したいと思います。




以前の記事をtailwindcssで書き直してみたものになります。多少は変えています。




デモサイトです。



デモコードです。




サイドバーのツールチップやグローバルナビのアニメーションなどにこだわりをもたせました。


ツールチップのポジショニングの管理はzustandライブラリを使って実現しています。


簡単ですが、以上です。

いいなと思ったら応援しよう!