v-avatar
コンポーネントは円形のユーザープロフィール写真等を表示するために使用されます。レスポンシブ画像、アイコン、およびテキストの境界半径を動的にサイズ設定して追加できます。 Tileバリエーションでは、矩形でアバターを表示できます。
以下に、簡単な例から複雑な例まで示します。
size
プロパティを使用すると、v-avatar
の高さと幅を定義できます。このpropはアスペクト比1で均等にスケーリングします。height
とwidth
のpropは、size
をオーバーライドします。
tile
propは、シンプルな正方形のアバターになります。
v-avatar
デフォルトスロットは、v-icon
コンポーネント、画像、またはテキストを受け入れます。これらを組み合わせて、ユニークなものを作成してください。
Using the tile prop, we can create a sleek hard-lined profile card.
Avatar と他のコンポーネントを組み合わせることで、革新的で美しいユーザーインターフェイスをすぐに構築することができます。
Caught a mistake or want to contribute to the documentation?
Edit Layout
on GitHub!