Avatar
Marks a person or a clinic with initials or an icon.
RBRBRBRB
Usage
import { Avatar } from '@smartui/react';
import '@smartui/react/styles.css';When to use
- Marking the owner of a record.
When not to use
- Decoration.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
name | string | - | Source of the initials and the label. |
size | 'sm' | 'md' | 'lg' | 'xl' | 'md' | |
icon | IconName | 'user' |
Accessibility
- Has a name when it stands alone.