• Getting Started
  • Components
  • Advanced

Legend

Ready for production
Responsive
Check the source

Simple Use

Show Code
Edit on Stackblitz
Inventory

Direction, vertical or horizontal (default)

Show Code
Edit on Stackblitz
Vertical
Inventory 1
Inventory 2


Horizontal
Inventory 1
Inventory 2

Children, Legend and Legend items both accept children

Show Code
Edit on Stackblitz
LegendItem's are usually used as children for Legend, but both Legend and LegendItems's can accept any children
Legend items also accept children
Inventory 2

Custom Color

Show Code
Edit on Stackblitz
Inventory

Theme

Show Code
Edit on Stackblitz
Primary Theme
Secondary Theme
Dark Theme
Light Theme
Info Theme
Warning Theme
Danger Theme
Success Theme

Custom Class

Show Code
Edit on Stackblitz
Inventory
Quick LinksGithubTwitter