Uses Material Icons for icons + free Font Awesome for social/brands
Components
Alerts
Avatars
Badges
Badge examples
Breadcrumb
Buttons
Cards
Cards in a 4 column grid example
Header - basic
Hero - basic
Footer - basic
Form items
More menu
Pagination
Progress bar - for checkout process
Search
Social
Tabs
Tooltips
Video container - for responsive video
Grids
Listing grids
Layout basic grid + page layout flex
Modals
Modal
+ header + footer & scrollable content area. Footer can contain any type of button.
Simple modal
+ header + footer & non scrollable content - code snippet in modal.html. Use for modals that have short messages that don't need to scroll
Alert modal
small modal + footer for buttons - code snippet in modal.html. Use for alerts with small amount of text
Full screen modal
Navigation
Main top menu - horizontal
Main side menu - vertical
User menu - simple menu for desktop header
Tables
Basic table - horizontal scroll on responsive
Table + left sticky column - horizontal scroll on responsive + sticky first column
Table + left sticky columns - horizontal scroll on responsive + sticky first two columns