メインコンテンツにスキップ
バージョン: v8

ion-avatar

シャドウ

アバターは、通常、画像またはアイコンを囲む円形のコンポーネントです。人物またはオブジェクトを表すために使用できます。

アバターは、単独で使用することも、任意の要素内で使用することもできます。 ion-chip または ion-item 内に配置すると、アバターは親コンポーネントに合わせてサイズ変更されます。アイテムの左右にアバターを配置するには、スロットをそれぞれ start または end に設定します。

基本的な使い方

チップアバター

アイテムアバター

テーマ設定

CSSカスタムプロパティ

プロパティ

このコンポーネントで使用可能なプロパティはありません。

イベント

このコンポーネントで使用可能なイベントはありません。

メソッド

このコンポーネントで使用可能なパブリックメソッドはありません。

CSSシャドウパーツ

このコンポーネントで使用可能なCSSシャドウパーツはありません。

CSSカスタムプロパティ

名前説明
--border-radiusアバターと内部画像のボーダー半径

スロット

このコンポーネントで使用可能なスロットはありません。