Vuetify.js

Alert

success info warning error

Application

骨組み的な

関係するやつ

v-app-bar: Is always placed at the top of an application with a lower priority than v-system-bar.

v-bottom-navigation: Is always placed at the bottom of an application with a higher priority than v-footer.

v-footer: Is always placed at the bottom of an application with a lower priority than v-bottom-navigation.

v-navigation-drawer: Can be placed on the left or right side of an application and can be configured to sit next to or below v-app-bar.

v-system-bar: Is always placed at the top of an application with higher priority than v-app-bar.

Avatar

円形のユーザーアイコンを表示するのに使う

Badges

通知バッジみたいな

場所の調整

中に数字を入れたりも

Banner

AppBar

ToolBar

SystemBar

BottomNavigation

BottomSheets

https://gyazo.com/a6752e0f16879cb856da94e5c89ded0d

BreadCrumbs

パンくずリスト

Button

Calendars

カレンダーが表示できる。いろいろできそうですごい。

Googleカレンダー感

Cards

Carousels

Chips

インスタのタグみたいな

Dialogs

https://gyazo.com/042e88c7065dbe72cd74c4c61eedffe5

Drivers

レイアウトを整える

線を引いたり

Expansion panel

https://gyazo.com/82ecb4db4c348871491f3666f9a24ac7

Footer

Form系

Grid system

Groups

Hover

マウスがホバーした時にイベントを発火できる

スマホだと微妙になるやつ

Icons

あらかじめ用意されてるアイコンを配置できる

v-img

画像

v-lazy

遅延読み込み

v-list

v-menu

右クリックメニュー

ドロップダウンメニュー

v-navigation-drawer

ページ左のメニューとか

v-overlay

オーバーレイの表示

v-pagination

ページネーション

v-parallax

スクロールにより画像が動くやつ

Pickers

Color Picker

Date picker

Progress

くるくる

プログレスバーもある

v-rating

https://gyazo.com/00ff14889b59d884964f41752ae7b95c

v-sheet

v-card, v-toolbarなどのベースラインです

v-skeleton-loader

いわゆるスケルトンというやつ

sparkline

グラフみたいなのを書ける

v-stepper

https://gyazo.com/86c2165bd3bb2c318785d366d94e1be5

v-subheader

Tables

v-tabs

https://gyazo.com/11b092a2ec884c9dfb7d27918c665e4f

v-timeline

https://gyazo.com/acf914094b3c7443de27b0c48d0f19f1

v-tooltip

マウスフォーカススルと出てくる説明など

https://gyazo.com/ebaaa66597f4d0e8b255981eec58bc59

v-treeview

https://gyazo.com/00e6842edcb6207298f5fe347a4c17ec

v-virtual-scroll

スクロール