docs: avatar Aura style variants and props #4862
Conversation
AI Language ReviewThe Avatar documentation and source code files do not contain any new modifications or differences between the |
| Avatar has four available size variants: | ||
| == Use Cases | ||
|
|
||
| Avatar can be paired with Popover to create a user account menu. |
There was a problem hiding this comment.
Removed the example using menu bar and included a similar example with popover instead. Hopefully that leads to less work to make it work with Aura later on.
| -- | ||
|
|
||
| |=== | ||
| | Variant | Theme name |
There was a problem hiding this comment.
Removed this table, as it only duplicates what's shown in the table right above.
| |Avatar Group overlap | ||
| |`--vaadin-avatar-group-overlap` | ||
| |`8px` | ||
| |Aura, Lumo | ||
|
|
||
| |Avatar Group overlap border | ||
| |`--vaadin-avatar-group-overlap-border` | ||
| |`2px` | ||
| |Avatar Group gap | ||
| |`--vaadin-avatar-group-gap` | ||
| |Aura, Lumo |
There was a problem hiding this comment.
Comments by @web-padawan from #4848:
This property is marked as deprecated in the source CSS, should we maybe remove it from here?
The --vaadin-avatar-group-gap custom CSS property is missing (also supported by Lumo).
Replaced --vaadin-avatar-group-overlap-border with --vaadin-avatar-group-gap.
|
|
||
| |=== | ||
|
|
||
| === User Color Properties |
There was a problem hiding this comment.
Comment by @web-padawan from #4848:
Should we remove or change "User Color Properties" below as that table lists Lumo default values?
Replaced default values with supported by column. Added more rows for the additional values that only Aura supports.
List Aura style variants and props in the Avatar styling docs. (moved changes over from #4848)
Part of #4801