Avatar, User
Source page in Figma: Avatar, User · 21 component sets · 4 standalone components
Index: ../component-registry.md · Workflows: ../workflows.md
Component Sets (21)
Section titled “Component Sets (21)”| Name | Key | Variants | Properties |
|---|---|---|---|
| Avatar/Multi avatar display | e35fd61180c269b494f280625f3b8922977078e5 | 96 | More #17066:0=bool (default True)Number=8 opts (default 2)Size= 28px | 32px | 36px | 20px | 24px | 16px (default 16px)Separate= Yes | No (default No) |
| Badge item/Dạy thay status | 914ba8cf55158eb2cfdbab00c1e4673b022d90de | 3 | Size=10px | 8px | 12px (default 12px) |
| Badge item/Leaderboard | 767a507679eb1a7a352fbbbc901b227441677507 | 140 | Tier=Top 1 | Top 2 | Top 3 | Other | Champion (default Champion)Size=7 opts (default 2xl)Style= Simple | Glossy (default Simple)Layout= Circle | Icon (default Circle) |
| Badge item/Myself, me, self, your class | a63d02556fb2a5cdcda9919212d2907fc05220a4 | 3 | Size=12px | 10px | 8px (default 12px) |
| Img lib/Avatar/3D Avatar | 1c00e20077bb92ae4c0ac45a6d38c40dcf8e84fc | 56 | Avatar=56 opts (default 01) |
| Img lib/Avatar/3D cartoon Job | babe04d3fafa595f499afdf193b374a3a0ee45d2 | 56 | Avatar=56 opts (default Painter) |
| Img lib/Avatar/3D chibi animal | 9b66ae0f369187fb3f37ba296a934faafb512f8b | 56 | Avatar=56 opts (default Green Dragon) |
| Img lib/Avatar/Cartoon animal | 03794e66f5c4d8afa4eaf9c71af9b60bf36ee174 | 1 | Avatar=01 (default 01) |
| Img lib/Avatar/Character Exercise | e716b648f706b9e2095efb7ba813524e88418ba3 | 9 | Avatar=9 opts (default 01) |
| Img lib/Avatar/Cinematic Portrait | 0b332dbef6eda06f484330e4da226dd1735343ca | 46 | Avatar=46 opts (default 01) |
| Img lib/Avatar/DOL Junior Character | 46ec7d0d366c8efb95820f61a3357520bef2e28e | 41 | Avatar=41 opts (default 01) |
| Img lib/Avatar/DOL Teachers | d2970d0881d84de8bc2620f83f5b9b944e2f96c6 | 58 | Avatar=58 opts (default 01) |
| Img lib/Avatar/General 2D | 65b677f5cc72ad7698196a367cf3d7d3c5d7288e | 24 | Avatar=24 opts (default 01) |
| Img lib/Avatar/Placeholder | bc81afc2c7867d4863e51bc3a9080cc115ecdd19 | 2 | State=Person initials | Unknown (default Person initials)Size= XLarge (default XLarge) |
| Img lib/Avatar/Silhouette | e82e2ead2e9e7e991f8303cf34c2d650ed08a570 | 43 | Avatar=43 opts (default 01) |
| Img lib/Avatar/System | 5064763eb8c9e89b1549e406d89bc2ac6779159e | 8 | Type=8 opts (default DOL Tutor) |
| Item/Status dot | 59c95fdb98b7f96d243e5f93a0e0ac1570e167f5 | 4 | Size=8 | 6 | 4 | 10 (default 10) |
| User avatar | 10ed60a9a366e40fb89c813016dd93cf044ee34d | 18 | Change avatar#8051:0=instance-swap Badge#19113:0=bool (default True)Dot#19113:13=bool (default True)Icon#19113:26=bool (default True)Swap badge#28330:0=instance-swap Layout= Ava only | Status dot | Icon | Badge | Me - Self | Dạy thay - Substitute (default Ava only)Type= Default | Letter - placeholder | Blank - placeholder (default Default) |
| User avatar/More | 874169ce27f9ff21c365052b96b4a32ccf16ab16 | 4 | Hover=False | True (default False)Style= More | Number + (default More) |
| User avatar/Tooltip info | 64fe663fdea2b2da6d2eb0ac8fed9ba2640df942 | 2 | Tooltip=False | True (default False)Type= Content 1 (default Content 1) |
| User card/General | e204f4d8574565edc0380be581f86e57ef9d6f30 | 31 | Show sub#8606:14=bool (default True)✏️ Name#8606:19=text Show name#8606:25=bool (default True)Show Avatar#8854:0=bool (default True)Sub icon, action#17351:0=bool (default False)Layout= Avatar only | 1 - Vertical text | 2 - Horizontal test | 3 - Vertical text (default 1 - Vertical text)Size= Large | Medium | Small (default Large)Font weight= Medium | Semibold | Regular (default Medium)Number type= Single | Multi (default Single) |
Standalone Components (4)
Section titled “Standalone Components (4)”| Name | Key |
|---|---|
| .Avatar/Item/Edit button | fe1f7629e8de530f12c48eabd1f15a136f8f8778 |
| Content/User info | e6b1c623ce48daa05688a905ea75ec11e02f1613 |
| Icons/Ranking/Diamond 2 | 243a867151a4907715c8ee645a4e2f2af39a903f |
| Icons/Ranking/King | 9c6417bdd3f873236d659c250f321b1ec45e9482 |