Getting Started
Installation Colours Typography UtilitiesComponents
Alert Avatar Badge Button Card Drawer Grid Image Input Lists Navigation Modal Slider Rating Toast
ordered-list - Main class; to be
given to the ol element which has the list items
list-title - To be given if
there's a heading for the list items
<ol class="ordered-list">
<div class="list-title">Fun Games</div>
<div class="divider-black"></div>
<li>Tumblin dice</li>
<li>Chameleon</li>
<li>Ooga Booga</li>
<li>Fastrack</li>
<li>Geistz</li>
</ol>
unordered-list - Main class; to
be given to the ul element which has the list items
<ul class="unordered-list">
<div class="list-title">Group Games</div>
<div class="divider-black"></div>
<li>Taboo</li>
<li>Tsuro</li>
<li>Bang - The dice game</li>
<li>Coup</li>
<li>Hail Hydra</li>
</ul>
image-list - Main class; to be
given to the ul element which has the list items; feel free to
override the image by writing your own CSS
<ul class="image-list">
<div class="list-title">2 player games</div>
<div class="divider-black"></div>
<li>Jaipur</li>
<li>Lost cities</li>
<li>Hanamikoji</li>
<li>Onitama</li>
<li>Abalone</li>
</ul>
notype-list - Main class; to be
given to the ul / ol element which has the list items
<ul class="notype-list">
<div class="list-title">Cooperative games</div>
<div class="divider-black"></div>
<li>Codenames</li>
<li>Cahoots</li>
<li>Pandemic</li>
<li>Forbidden Island</li>
</ul>
list-subtitle - To be given if
there's a heading for the sub-list items
<ul class="notype-list">
<div class="list-title">Strategic games</div>
<div class="divider-black"></div>
<li>Centuries</li>
<li>Catan</li>
<li>Azul</li>
<div class="list-subtitle">Fun games</div>
<ul class="notype-list">
<li>Coloretto</li>
<li>Reef</li>
<li>Planet</li>
<li>Lotus</li>
</ul>
<li>Imhotep</li>
</ul>