skip to main content
skip to navigation sidebar
skip to context sidebar
Docs
index
internal usage
controls
Avatar
Card
Colors
Main
Colors
On Select
Size
Columns
Wrap
IconButton
ImageStamp
Notification
PagingTable
Spinning
Tag
Value
layout
navigation
input
validation
chartjs
Documentation
Testing
Themes
Edit this page
created:
7/7/2021
updated:
7/7/2021
loc
263
comments
3%
passed
6
failed
6
coverage
66%
Colors
A color selection element, with custom color palettes.
#e3f2fd
#bbdefb
#90caf9
#64b5f6
#42a5f5
#2196f3
#1e88e5
#1976d2
#1565c0
#0d47a1
#eceff1
#cfd8dc
#b0bec5
#90a4ae
#78909c
#607d8b
#546e7a
#455a64
#37474f
#263238
#efebe9
#d7ccc8
#bcaaa4
#a1887f
#8d6e63
#795548
#6d4c41
#5d4037
#4e342e
#3e2723
#e0f7fa
#b2ebf2
#80deea
#4dd0e1
#26c6da
#00bcd4
#00acc1
#0097a7
#00838f
#006064
#fbe9e7
#ffccbc
#ffab91
#ff8a65
#ff7043
#ff5722
#f4511e
#e64a19
#d84315
#bf360c
#e3f2fd
#bbdefb
#90caf9
#64b5f6
#42a5f5
#eceff1
#cfd8dc
#b0bec5
#90a4ae
#78909c
#efebe9
#d7ccc8
#bcaaa4
#a1887f
#8d6e63
#e0f7fa
#b2ebf2
#80deea
#4dd0e1
#26c6da
#fbe9e7
#ffccbc
#ffab91
#ff8a65
#ff7043
#e3f2fd
#bbdefb
#90caf9
#eceff1
#cfd8dc
#b0bec5
#efebe9
#d7ccc8
#bcaaa4
#e0f7fa
#b2ebf2
#80deea
#fbe9e7
#ffccbc
#ffab91
grommet
#e3f2fd
#bbdefb
#90caf9
#64b5f6
#42a5f5
#2196f3
#1e88e5
#1976d2
#1565c0
#0d47a1
#eceff1
#cfd8dc
#b0bec5
#90a4ae
#78909c
#607d8b
#546e7a
#455a64
#37474f
#263238
#efebe9
#d7ccc8
#bcaaa4
#a1887f
#8d6e63
#795548
#6d4c41
#5d4037
#4e342e
#3e2723
#e0f7fa
#b2ebf2
#80deea
#4dd0e1
#26c6da
#00bcd4
#00acc1
#0097a7
#00838f
#006064
#fbe9e7
#ffccbc
#ffab91
#ff8a65
#ff7043
#ff5722
#f4511e
#e64a19
#d84315
#bf360c
#e3f2fd
#bbdefb
#90caf9
#64b5f6
#42a5f5
#eceff1
#cfd8dc
#b0bec5
#90a4ae
#78909c
#efebe9
#d7ccc8
#bcaaa4
#a1887f
#8d6e63
#e0f7fa
#b2ebf2
#80deea
#4dd0e1
#26c6da
#fbe9e7
#ffccbc
#ffab91
#ff8a65
#ff7043
#e3f2fd
#bbdefb
#90caf9
#eceff1
#cfd8dc
#b0bec5
#efebe9
#d7ccc8
#bcaaa4
#e0f7fa
#b2ebf2
#80deea
#fbe9e7
#ffccbc
#ffab91
dark
#e3f2fd
#bbdefb
#90caf9
#64b5f6
#42a5f5
#2196f3
#1e88e5
#1976d2
#1565c0
#0d47a1
#eceff1
#cfd8dc
#b0bec5
#90a4ae
#78909c
#607d8b
#546e7a
#455a64
#37474f
#263238
#efebe9
#d7ccc8
#bcaaa4
#a1887f
#8d6e63
#795548
#6d4c41
#5d4037
#4e342e
#3e2723
#e0f7fa
#b2ebf2
#80deea
#4dd0e1
#26c6da
#00bcd4
#00acc1
#0097a7
#00838f
#006064
#fbe9e7
#ffccbc
#ffab91
#ff8a65
#ff7043
#ff5722
#f4511e
#e64a19
#d84315
#bf360c
#e3f2fd
#bbdefb
#90caf9
#64b5f6
#42a5f5
#eceff1
#cfd8dc
#b0bec5
#90a4ae
#78909c
#efebe9
#d7ccc8
#bcaaa4
#a1887f
#8d6e63
#e0f7fa
#b2ebf2
#80deea
#4dd0e1
#26c6da
#fbe9e7
#ffccbc
#ffab91
#ff8a65
#ff7043
#e3f2fd
#bbdefb
#90caf9
#eceff1
#cfd8dc
#b0bec5
#efebe9
#d7ccc8
#bcaaa4
#e0f7fa
#b2ebf2
#80deea
#fbe9e7
#ffccbc
#ffab91
black
#e3f2fd
#bbdefb
#90caf9
#64b5f6
#42a5f5
#2196f3
#1e88e5
#1976d2
#1565c0
#0d47a1
#eceff1
#cfd8dc
#b0bec5
#90a4ae
#78909c
#607d8b
#546e7a
#455a64
#37474f
#263238
#efebe9
#d7ccc8
#bcaaa4
#a1887f
#8d6e63
#795548
#6d4c41
#5d4037
#4e342e
#3e2723
#e0f7fa
#b2ebf2
#80deea
#4dd0e1
#26c6da
#00bcd4
#00acc1
#0097a7
#00838f
#006064
#fbe9e7
#ffccbc
#ffab91
#ff8a65
#ff7043
#ff5722
#f4511e
#e64a19
#d84315
#bf360c
#e3f2fd
#bbdefb
#90caf9
#64b5f6
#42a5f5
#eceff1
#cfd8dc
#b0bec5
#90a4ae
#78909c
#efebe9
#d7ccc8
#bcaaa4
#a1887f
#8d6e63
#e0f7fa
#b2ebf2
#80deea
#4dd0e1
#26c6da
#fbe9e7
#ffccbc
#ffab91
#ff8a65
#ff7043
#e3f2fd
#bbdefb
#90caf9
#eceff1
#cfd8dc
#b0bec5
#efebe9
#d7ccc8
#bcaaa4
#e0f7fa
#b2ebf2
#80deea
#fbe9e7
#ffccbc
#ffab91
light
#e3f2fd
#bbdefb
#90caf9
#64b5f6
#42a5f5
#2196f3
#1e88e5
#1976d2
#1565c0
#0d47a1
#eceff1
#cfd8dc
#b0bec5
#90a4ae
#78909c
#607d8b
#546e7a
#455a64
#37474f
#263238
#efebe9
#d7ccc8
#bcaaa4
#a1887f
#8d6e63
#795548
#6d4c41
#5d4037
#4e342e
#3e2723
#e0f7fa
#b2ebf2
#80deea
#4dd0e1
#26c6da
#00bcd4
#00acc1
#0097a7
#00838f
#006064
#fbe9e7
#ffccbc
#ffab91
#ff8a65
#ff7043
#ff5722
#f4511e
#e64a19
#d84315
#bf360c
#e3f2fd
#bbdefb
#90caf9
#64b5f6
#42a5f5
#eceff1
#cfd8dc
#b0bec5
#90a4ae
#78909c
#efebe9
#d7ccc8
#bcaaa4
#a1887f
#8d6e63
#e0f7fa
#b2ebf2
#80deea
#4dd0e1
#26c6da
#fbe9e7
#ffccbc
#ffab91
#ff8a65
#ff7043
#e3f2fd
#bbdefb
#90caf9
#eceff1
#cfd8dc
#b0bec5
#efebe9
#d7ccc8
#bcaaa4
#e0f7fa
#b2ebf2
#80deea
#fbe9e7
#ffccbc
#ffab91
materialdark
#e3f2fd
#bbdefb
#90caf9
#64b5f6
#42a5f5
#2196f3
#1e88e5
#1976d2
#1565c0
#0d47a1
#eceff1
#cfd8dc
#b0bec5
#90a4ae
#78909c
#607d8b
#546e7a
#455a64
#37474f
#263238
#efebe9
#d7ccc8
#bcaaa4
#a1887f
#8d6e63
#795548
#6d4c41
#5d4037
#4e342e
#3e2723
#e0f7fa
#b2ebf2
#80deea
#4dd0e1
#26c6da
#00bcd4
#00acc1
#0097a7
#00838f
#006064
#fbe9e7
#ffccbc
#ffab91
#ff8a65
#ff7043
#ff5722
#f4511e
#e64a19
#d84315
#bf360c
#e3f2fd
#bbdefb
#90caf9
#64b5f6
#42a5f5
#eceff1
#cfd8dc
#b0bec5
#90a4ae
#78909c
#efebe9
#d7ccc8
#bcaaa4
#a1887f
#8d6e63
#e0f7fa
#b2ebf2
#80deea
#4dd0e1
#26c6da
#fbe9e7
#ffccbc
#ffab91
#ff8a65
#ff7043
#e3f2fd
#bbdefb
#90caf9
#eceff1
#cfd8dc
#b0bec5
#efebe9
#d7ccc8
#bcaaa4
#e0f7fa
#b2ebf2
#80deea
#fbe9e7
#ffccbc
#ffab91
materiallight
#e3f2fd
#bbdefb
#90caf9
#64b5f6
#42a5f5
#2196f3
#1e88e5
#1976d2
#1565c0
#0d47a1
#eceff1
#cfd8dc
#b0bec5
#90a4ae
#78909c
#607d8b
#546e7a
#455a64
#37474f
#263238
#efebe9
#d7ccc8
#bcaaa4
#a1887f
#8d6e63
#795548
#6d4c41
#5d4037
#4e342e
#3e2723
#e0f7fa
#b2ebf2
#80deea
#4dd0e1
#26c6da
#00bcd4
#00acc1
#0097a7
#00838f
#006064
#fbe9e7
#ffccbc
#ffab91
#ff8a65
#ff7043
#ff5722
#f4511e
#e64a19
#d84315
#bf360c
#e3f2fd
#bbdefb
#90caf9
#64b5f6
#42a5f5
#eceff1
#cfd8dc
#b0bec5
#90a4ae
#78909c
#efebe9
#d7ccc8
#bcaaa4
#a1887f
#8d6e63
#e0f7fa
#b2ebf2
#80deea
#4dd0e1
#26c6da
#fbe9e7
#ffccbc
#ffab91
#ff8a65
#ff7043
#e3f2fd
#bbdefb
#90caf9
#eceff1
#cfd8dc
#b0bec5
#efebe9
#d7ccc8
#bcaaa4
#e0f7fa
#b2ebf2
#80deea
#fbe9e7
#ffccbc
#ffab91
metro
Previous
controls/Card
Next
controls/IconButton
