メインコンテンツまでスキップ
Version: v6

ion-avatar

shadow

Avatarは通常、写真やアイコンをラップする円形のコンポーネントです。これらは、人またはオブジェクトを表示するために使用できます。

Avatarは、単独で使用することも、任意の要素の内部で使用することもできます。ion-chip または ion-item の内部に配置すると、Avatarは親コンポーネントに合わせてサイズ変更します。Avatarをitemの左側または右側に配置するには、slotstartend に設定します。

Basic Usage

<<<<<<< HEAD

使い方

=======

Chip Avatar

9f35d7834766666e360bd30e88506a7c3d0700bd

Item Avatar

Theming

CSS Custom Properties

プロパティ

No properties available for this component.

イベント

No events available for this component.

メソッド

No public methods available for this component.

CSS Shadow Parts

No CSS shadow parts available for this component.

CSSカスタムプロパティ

NameDescription
--border-radiusBorder radius of the avatar and inner image

Slots

No slots available for this component.