Examples
Text
+mdc-avatar('P')
// or
// +mdc-avatar(text='P')Icon
+mdc-avatar(icon='star')Image
+mdc-avatar(image='https://placeimg.com/128/128/people')
// or
// +mdc-avatar(
// image={
// src: 'https://placeimg.com/128/128/people',
// alt: ''
// }
// )Sizes
+mdc-avatar(
image='https://placeimg.com/128/128/people'
size='small'
)
+mdc-avatar(
image='https://placeimg.com/128/128/people'
size='medium'
)
+mdc-avatar(
image='https://placeimg.com/128/128/people'
size='large'
)
// or
// +mdc-avatar(
// image='https://placeimg.com/128/128/people'
// small
// )
// +mdc-avatar(
// image='https://placeimg.com/128/128/people'
// medium
// )
// +mdc-avatar(
// image='https://placeimg.com/128/128/people'
// large
// )Arguments
| Position | Type | Description |
| 1 | string | The text content. |
Attributes
| Name | Type | Description |
text | string | The text content. |
icon | string | The name of the icon. |
image | string | object | The source of the image or an object with image attributes. |
size | string | The size of the avatar. Valid values are small, medium, large. |
small | boolean | Shorthand for size='small'. |
medium | boolean | Shorthand for size='medium'. |
large | boolean | Shorthand for size='large'. |