Welcome to the StepOne components documentation
StepOne Fundation
StepOne Modules
Avatar
Avatar is a styled componentis and a graphical representation of a user within the application.
Avatar Props
| Name | Use | Type | Definition |
| title | optional | string | Add title to the Avatar. |
| subtitle | optional | string | Add subtitle to the Avatar. |
| badge | optional | number | Add badge to the Avatar. |
| big | optional | boolean | Big size of the Avatar. |
| medium | optional | boolean | Medium size of the Avatar. |
| small | optional | boolean | Small size of the Avatar. |
| className | optional | string | Add class to accordion. |
| disabled | optional | boolean | Define if Avatar is disabled. |
Examples
Big Avatar
Big Avatar example by adding big props
Medium Avatar
Medium Avatar example by adding medium props
Small Avatar
Medium Avatar example by adding small props
Avatar with title
Avatar with title example by adding title props
Avatar title
Avatar with subtitle
Avatar with subtitle example by adding subtitle props
Avatar titleAvatar subtitle
Disabled Avatar
Disabled Avatar example by adding disabled props
Avatar titleAvatar subtitle
Avatar with bagde
Avatar with badge example by adding badge props
8
Avatar title