Example with Variations
Carefully designed avatar examples with diffrent shape, layout and states.
Default Style's
AB
Status Style's
AB
Square Style's
AB
Status Style's
AB
Group Style's
AB
NL
AB
Group Style's S2
A
N
A
Example with Color
Add any of tailwind text and bg class combinations to change the appearance of a avatar.
Highlighted colors
AB
NL
CH
SW
GO
PS
DM
HS
SM
TM
JC
VA
EH
Pale colors
AB
NL
CH
SW
GO
PS
DM
HS
SM
TM
JC
VA
EH
Example with Sizes
Rounded Avatars
AB
AB
AB
AB
AB
A
Squared Avatars
AB
AB
AB
AB
AB
A
Example with Use Case
Lets take a look at some real use case for avatar.
User Card 1
AB
Administrator
Abu Bin Ishityak
User Card 2
Keith Jensen
keith@softnio.com
User Card 3
AB
Abu Bin Ishityak
© 2024 DashWind. Template by Softnio
