Vuetifyのコンポーネントで良さそうなのを個人的にまとめてみた。

勉強のついでに気になるコンポーネントをまとめてみた。

Overlays

背景マスクを簡単に作ってくれる。absolute指定でブロックに限定するのが簡単にできる。ダイアログやライトボックスなどを自前で作るときに便利

ヘッダーくらい自分で作れと言われそうだが、めんどくさいのもまた事実。最近流行りのヘッダーラインより少し下にメニューをつける手法ができるが、応用ができなかったら結局自分で作りそう。
Collapseはなんか見慣れない不思議な動き。

例として成分表示表が使われてるけど、比較しない単体での表示が必要な場合は使いたい。filterやsearchが強力なのが嬉しい。

Tabs
縦型にも対応しているし、スマホだとフリック操作でスライドもする。

略歴とかバージョンアップ履歴とかに便利なコンポーネント。
avatarとかなかなか面白い

適当にjson投げると表示を綺麗にしてくれそうなあれ。セレクトは下位の要素も同時に選択できる。

長い操作が必要な場合に画面分割＆経過を視覚的に見せる。
カートとかで使われてるが、入力項目が多い場合に汎用的に使用できる。
縦型にすることもできるのでなかなか面白い。

まだまだ他にも色々面白いものがありそう。使えそうだったら楽して組み込みたいなぁ