Avatar

v-avatar コンポーネントは、プロフィール画像のようなレスポンシブな画像のサイズと角丸の制御に使用します。

Usage

The avatar has a dynamic size that can be scaled for any situation. A tile variation is available for displaying an avatar without border radius.

API

v-avatar
Name
color
Default
undefined
Type
string

コンポーネントに色を設定します。この色は、定義されている色の名前(例えばsuccesspurple)や、CSSの色指定(#033rgba(255, 0, 0, 0.5))を設定できます。

Name
size
Default
48
Type
number | string

Components.Avatars.

Name
tile
Default
false
Type
boolean

Components.Avatars.

Examples

高度な使用方法

Avatar と他のコンポーネントを組み合わせることで、革新的で美しいユーザーインターフェイスをすぐに構築することができます。

アイコンとテキスト

Avatar は v-icon コンポーネント、もしくはテキストを受け付けることができます。これらの機能を組み合わせることで独創的なUIを作成することができます。

Edit this page | language on Github
Vuetify 3 is now available!The latest version of Vuetify is now available!
Learn about Vuetify 3's new features and functionality for modern Vue applications
Start exploringExplore