El
Application Loading
Dashboard
Basic
Ecommerce
Explore
Finance
Theme
Colors
Prebuilt Themes
Typography
Navigation
Breadcrumbs
Navigation
Rail Navigation
Tab Panel
Forms
Autocomplete
Button Toggle
Buttons
Checkbox
Input
Number Input
Phone Input
Pin Input
Radio
Segmented
Select
Slide Toggle
Components
Action Required
Alert
Announcement
Avatar
Badge
Block State
Bottom Sheet
Brand Colors
Card
Card Overlay
Carousel
Chips
Color Picker
Command Bar
Comment Editor
Confirm
Content Fade
Data View
Datepicker
Dialog
Divider
Expand
Expansion Panel
Filter Builder
Gauge
Icon
Image Viewer
Incidents
Layout
List
Marquee
Menu
Paginator
Panel
Password Strength
Popover
Progress Bar
Progress Spinner
Resizable Container
Sidebar
Skeleton
Slider
Snackbar
Stepper
Suggestions
Table
Tabs
Text Editor
Thumbnail Maker
Timeline
Timepicker
Toolbar
Tooltip
Tree
Upload
Micro Charts
Bar Chart
Line Chart
Pie Chart
Store
Notifications
Sidebar Widgets
Skeleton
Widgets
Applications
File Manager
Kanban Board
Messenger
Authentication
Create Account
Done
Forgot Password
Password Reset
Set New Password
Sign In
Sign Up
User Profile
Talent Profile
Account
Notifications
Settings
Pricing
Basic
Membership Plans
Content
Post List
Error Pages
Forbidden (401)
Not Found (404)
Server Error (500)
Service Pages
Pending Email Activation
Pavel Salauyou
Free
elementarlabs@gmail.com
Avatar
Basic Avatar
Presence Indicator
Avatar Sizes
Avatar With Images
Avatar With Icons
Grouped Avatars
Grouped and Total Avatars
Avatar automatic color
A very common situation is when you need to set the avatar color automatically, for this purpose the automaticColor parameter was invented, which indicates the background color, and the text color and border are calculated automatically.
This will be useful if you set avatar colors for example from the admin and want to randomly set avatar colors. Now you just need to set the background color using the automaticColor="#hexColor" parameter with valid hex color.