Vuetify

ショップ

企業向け

'v-overflow-btn' は、ユーザーがリストから項目を選択できるようにするために使用されます。editable, overflow, segmentedの3つのバリエーションがあります。

v-overflow-btnは選択リストの作成に使用されます。

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

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

You can add a counter to v-overflow-btn to control the max char count

v-overflow-btnは、ユーザーが操作するのを防ぐために無効にすることができます。

dense propを使用して、オーバーフローボタンの高さを減らし、リスト項目の最大高さを下げることができます。

editable v-overflow-btn can be directly edited, just as v-text-field

テキスト フィールドは、ボックスデザインと共に使用できます。このモードでは、append および prepend アイコンprop はサポートされません

hint プロパティを使用して、ヒントを追加できます。

v-overflow-btn は、下にlinear progress bar を表示する loading 状態を持つことができます。

v-overflow-btnreadonly モードにすることができ、非アクティブになりますが、色は変更されません。

segmented v-overflow-btn has and additional divider between the content and the icon

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

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