Base UI

Buttons
Primary Buttons Different types and sizes available of Primary buttons.
48px
40px
32px
Regular Buttons + Icon
Danger Buttons
Secondary Buttons Different types and sizes available of Secondary buttons.
48px
40px
32px
Regular Buttons + Icon
Danger Buttons
Documentation
Starter Kit Codes
Starter Kit Code 
<div class="button-normal">
	<button type="button" class="btn btn-primary btn-lg">Normal Button</button>
	<button type="button" class="btn btn-primary">Normal Button</button>
	<button type="button" class="btn btn-primary btn-sm">Normal Button</button>
</div>
<div class="button-rounded">
	<button type="button" class="btn btn-primary rounded-pill btn-lg">Rounded Button</button>
	<button type="button" class="btn btn-primary rounded-pill">Rounded Button</button>
	<button type="button" class="btn btn-primary rounded-pill btn-sm">Rounded Button</button>
</div>
Starter Kit Code 
<div class="button-normal">
	<button type="button" class="btn btn-outline-secondary btn-lg">Normal Button</button>
	<button type="button" class="btn btn-outline-secondary">Normal Button</button>
	<button type="button" class="btn btn-outline-secondary btn-sm">Normal Button</button>
</div>
<div class="button-rounded">
	<button type="button" class="btn btn-outline-secondary rounded-pill btn-lg">Rounded Button</button>
	<button type="button" class="btn btn-outline-secondary rounded-pill">Rounded Button</button>
	<button type="button" class="btn btn-outline-secondary rounded-pill btn-sm">Rounded Button</button>
</div>
Starter Kit Code 
<div class="button-normal">
	<button type="button" class="btn btn-ic btn-primary btn-lg"><i class="ic ic-plus white"></i><span>Normal Button</span></button>
	<button type="button" class="btn btn-ic btn-primary"><i class="ic ic-plus white"></i><span>Normal Button</span></button>
	<button type="button" class="btn btn-ic btn-primary btn-sm"><i class="ic ic-plus white"></i><span>Normal Button</span></button>
</div>
<div class="button-rounded">
	<button type="button" class="btn btn-ic btn-primary rounded-pill btn-lg"><i class="ic ic-plus white"></i><span>Rounded Button</span></button>
	<button type="button" class="btn btn-ic btn-primary rounded-pill"><i class="ic ic-plus white"></i><span>Rounded Button</span></button>
	<button type="button" class="btn btn-ic btn-primary rounded-pill btn-sm"><i class="ic ic-plus white"></i><span>Rounded Button</span></button>
</div>
Starter Kit Code 
<div class="button-normal">
	<button type="button" class="btn btn-ic btn-outline-secondary btn-lg"><i class="ic ic-plus"></i><span>Normal Button</span></button>
	<button type="button" class="btn btn-ic btn-outline-secondary"><i class="ic ic-plus"></i><span>Normal Button</span></button>
	<button type="button" class="btn btn-ic btn-outline-secondary btn-sm"><i class="ic ic-plus"></i><span>Normal Button</span></button>
</div>
<div class="button-rounded">
	<button type="button" class="btn btn-ic btn-outline-secondary rounded-pill btn-lg"><i class="ic ic-plus"></i><span>Rounded Button</span></button>
	<button type="button" class="btn btn-ic btn-outline-secondary rounded-pill"><i class="ic ic-plus"></i><span>Rounded Button</span></button>
	<button type="button" class="btn btn-ic btn-outline-secondary rounded-pill btn-sm"><i class="ic ic-plus"></i><span>Rounded Button</span></button>
</div>
Starter Kit Code 
<div class="button-normal">
	<button type="button" class="btn btn-danger btn-lg">Normal Button</button>
	<button type="button" class="btn btn-danger">Normal Button</button>
	<button type="button" class="btn btn-danger btn-sm">Normal Button</button>
</div>
<div class="button-rounded">
	<button type="button" class="btn btn-danger rounded-pill btn-lg">Rounded Button</button>
	<button type="button" class="btn btn-danger rounded-pill">Rounded Button</button>
	<button type="button" class="btn btn-danger rounded-pill btn-sm">Rounded Button</button>
</div>
Starter Kit Code 
<div class="button-normal">
	<button type="button" class="btn btn-outline-danger btn-lg">Normal Button</button>
	<button type="button" class="btn btn-outline-danger">Normal Button</button>
	<button type="button" class="btn btn-outline-danger btn-sm">Normal Button</button>
</div>
<div class="button-rounded">
	<button type="button" class="btn btn-outline-danger rounded-pill btn-lg">Rounded Button</button>
	<button type="button" class="btn btn-outline-danger rounded-pill">Rounded Button</button>
	<button type="button" class="btn btn-outline-danger rounded-pill btn-sm">Rounded Button</button>
</div>