Skip to main content
Version: v7

ion-avatar

shadow

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

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

基本的な使い方

Chip Avatar

Item Avatar

テーマ

CSSカスタムプロパティ

プロパティ

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-radiusアバターとインナーイメージの境界半径

Slots

No slots available for this component.