Ion-avatar: Circular Application Avatar Icon Component

Home » What Is An Avatar Icon » Ion-avatar: Circular Application Avatar Icon Component

Maybe your like

shadow

Avatars are circular components that usually wrap an image or icon. They can be used to represent a person or an object.

Avatars can be used by themselves or inside of any element. If placed inside of an ion-chip or ion-item, the avatar will resize to fit the parent component. To position an avatar on the left or right side of an item, set the slot to start or end, respectively.

Basic Usage​

AngularJavaScriptReactVueiOSMD

Chip Avatar​

AngularJavaScriptReactVueiOSMD

Item Avatar​

AngularJavaScriptReactVueiOSMD

Theming​

CSS Custom Properties​

AngularJavaScriptReactVueiOSMD

Properties​

No properties available for this component.

Events​

No events available for this component.

Methods​

No public methods available for this component.

CSS Shadow Parts​

No CSS shadow parts available for this component.

CSS Custom Properties​

  • iOS
  • MD
NameDescription
--border-radiusBorder radius of the avatar and inner image
NameDescription
--border-radiusBorder radius of the avatar and inner image

Slots​

No slots available for this component.

Tag » What Is An Avatar Icon