Vuetifyのサンプル_エキスパンションパネルを使用してみる( v-expansion-panels, v-expansion-panel )
Tribute to Vuetify
Wow, Good UI Framework 'Vuetify'!
エキスパンションパネル( v-expansion-panels, v-expansion-panel )のサンプル01
※クリックでパネルを開くことができますエキスパンションパネル( v-expansion-panels, v-expansion-panel )のサンプル02
※accordion="true" オプションを使用する事で、いわゆる「アコーディオン型リスト」表示にすることができます。
エキスパンションパネル( v-expansion-panels, v-expansion-panel )のサンプル03
※multiple="true" オプションを使用する事で、アクティブなリスト以外をクリックしても自動的に閉じず、明示的にクリックすることで開閉操作をすることができます。
エキスパンションパネル( v-expansion-panels, v-expansion-panel )のサンプル04
※inset オプションを使用する事で、開いたときのサイズを少し縮小することができます。
エキスパンションパネル( v-expansion-panels, v-expansion-panel )のサンプル05
※popout オプションを使用する事で、開いたときのサイズを少し拡大することができます。