Styleguide
View on Github
Skip to detail
Intro
dev-notes
CSS architecture
Technical notes
basics
Icons
Typography
Colors
objects
Dynamic grid
Container
Form group
components
Accordion
Alert stack
Alert
Avatar
Badge
Bar chart
Bordered list
Button (link)
Button toolbar
Button
Card
Color picker
Checkbox
Input text
Key value
Media card
Menu navigation
Menu selection
Modal
Navbar
List
Line area-chart
Pagination
Panel
Radio button
Radio group
Side menu
Spinner
Slider
Table
Toggle
Toolbar
Icons
In this project, we use
Mono Icons
, loaded as an icon font.
Icons
#
archive
arrow-down
arrow-left-down
arrow-left-up
arrow-left
arrow-right-down
arrow-right-up
arrow-right
arrow-up
attachment
backspace
ban
bar-chart-alt
bar-chart
board
book
bookmark
calendar
call
camera
caret-down
caret-left
caret-right
caret-up
check
chevron-double-down
chevron-double-left
chevron-double-right
chevron-double-up
chevron-down
chevron-left
chevron-right
chevron-up
circle
circle-add
circle-arrow-down
circle-arrow-left
circle-arrow-right
circle-arrow-up
circle-check
circle-error
circle-help
circle-information
circle-remove
circle-warning
clipboard-check
clipboard-list
clipboard
clock
close
cloud-download
cloud-upload
cloud
computer
copy
credit-card
delete
document-add
document-check
document-download
document-empty
document-remove
document
download
drag
edit-alt
edit
email
enter
expand
export
external-link
eye-off
eye
favorite
filter-alt
filter
folder-add
folder-check
folder-download
folder-remove
folder
grid
heart
home
image
inbox
laptop
link-alt
link
list
location
lock
log-out
map
megaphone
menu
message-alt
message
mobile
moon
next
notification-off
notification
options-horizontal
options-vertical
pause
percentage
pin
play
previous
refresh
remove
repeat
search
select
send
settings
share
shopping-cart-add
shopping-cart
shuffle
sort
speakers
stop
sun
switch
table
tablet
tag
undo
unlock
user-add
user-check
user-remove
user
users
volume-off
volume-up
warning
webcam
zoom-in
zoom-out