Buttons

Button

btn <shape> <size> <color> <hover> <hover color>

shape

size

color

hover

h-color

Preview

HTML

<button class="btn rounded md h-darker">button</button>

JSX

<button className="btn round md h-outline">button</button>

Shadow Button

shdw-btn <shape> <size> <color> <hover> <hover color>

shape

size

color

hover

h-color

Preview

HTML

<button class="shdw-btn rounded md h-darker">button</button>

JSX

<button className="shdw-btn round md h-translate">button</button>

Icon Button

icn-btn <shape> <size> <hover> <color> <hover color>

shape

size

color

hover

h-color

Preview

HTML

<button class="icn-btn rounded md h-outline red">🍒</button>

JSX

<button className="icn-btn round md h-translate green">🥝</button>