Vuetify

ショップ

企業向け

v-system-barコンポーネントは、ステータスを表示するために使用できます。 Androidシステムバーのように見え、アイコン、スペーサー、およびテキストを含めることができます。

最もシンプルな形式の v-system-barは、デフォルトのテーマを持つ小さなコンテナに表示されます。

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

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

オプションで、 color プロパティを使用してv-system-bar の色を変更できます。

You can reduce v-system-bar's opacity using lights-out property.

DarkまたはLightテーマを、 v-system-bar に適用することができます。

ウィンドウ コントロールとステータス情報を備えたウィンドウ バー。

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

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