Vuetify

ショップ

企業向け

v-slide-groupコンポーネントは、疑似的にページ分割した情報を表示するために使用されます。コアで v-item-group を使用し、 v-tabs や[v-chip-group] (/components/chip-groups) などのコンポーネントのベースラインを提供します。

v-window コンポーネントと同様に、 v-slide-groupを使用すると、アイテムが必要なだけスペースを占有できるため、ユーザーは提供された情報を水平方向に移動できます。

確認したいコンポーネントを下から選び、利用できる props、slots、events、functions を確認してください。

以下に、簡単な例から複雑な例まで示します。

You can add your custom pagination icons instead of arrows

アクティブクラスをカスタマイズできます

複数のアイテムを選択できます。

At least 1 item must be selected

Customize the slide group to creatively display information on sheets. Using the selection, we can display auxillary information easily for the user.

Active item is always centered

準備はいいですか? 以下から続きが読めます。

Caught a mistake or want to contribute to the documentation? Edit Layout on GitHub!