Template Showcase (Cards)

No.1: Tile Layout ST

SM = single column, MD=2 columns

Card text-h2

This is a PhotoTileA component.

Card text-h3

This is a PhotoTileA component.

link text

Card text-h4

This is a PhotoTileA component.

Card text-h5

This is a PhotoTileA component.

link text

SM = single column, MD=4 columns

Card text-h2

This is a PhotoTileA component.

Card text-h3

This is a PhotoTileA component.

link text

Card text-h4

This is a PhotoTileA component.

Card text-h5

This is a PhotoTileA component.

link text

No.2: Simple Card List

(title) 活動場所

(mainText) 用途

詳細

(title) 第一コート

(mainText) 試合

詳細

(title) 第二コート

(mainText) 試合

詳細

(title) 第三コート

(mainText) 試合

詳細

(title) グラウンドA

(mainText) 練習

詳細

(title) グラウンドB

(mainText) 練習

詳細

No.3: ImageLinkLayoutST

(title) title-1

(title) title-2

(title) title-3

(title) title-4

No.4: CardGalleryLayoutST

Without horizontal scroll

(txtBody) 2022-03-01開催

With horizontal scroll

Add "flex-nowrap" and "overflow-auto" into the class of the v-row element.

(txtBody) 2022-03-01開催

No.5: QuestionsLayoutST

(title) Question 1

(txtBody) - fenaio;efi vaenio;a vanwi;eo venapaionvpaw fenaio;efi vaenio;a vanwi;eo venapaionvpaw fenaio;efi vaenio;a vanwi;eo venapaionvpaw fenaio;efi vaenio;a vanwi;eo venapaionvpaw fenaio;efi vaenio;a vanwi;eo

(title) Question 2

(txtBody) - fenaio;efi vaenio;a vanwi;eo venapaionvpawfenaio;efi vaenio;a vanwi;eo venapaionvpaw fenaio;efi vaenio;a vanwi;eo venapaionvpaw fenaio;efi vaenio;a vanwi;eo venapaionvpaw fenaio;efi vaenio;a va

(title) Question 3

(txtBody) - fenaio;efi vaenio;a vanwi;eo venapaionvpawfenaio;efi vaenio;a vanwi;eo venapaionvpaw fenaio;efi vaenio;a vanwi;eo venapaionvpaw fenaio;efi vaenio;a vanwi;eo venapaionvpaw fenaio;efi vaenio;a va

(title) Question 4

(txtBody) - fenaio;efi vaenio;a vanwi;eo venapaionvpawfenaio;efi vaenio;a vanwi;eo venapaionvpaw fenaio;efi vaenio;a vanwi;eo venapaionvpaw fenaio;efi vaenio;a vanwi;eo venapaionvpaw fenaio;efi vaenio;a va

Still have questions? Contact us.