Buttons | Unnamed.smakosh.com

1. Introduction 2. Getting Started

Components

Buttons Disabled Cards Forms

Layout

Readme Utilities

Primary

<button class="btn btn-primary gradient-black">btn-primary</button>
<button class="btn btn-primary gradient-green">btn-primary</button>
<button class="btn btn-primary gradient-orange">btn-primary</button>
<button class="btn btn-primary gradient-purple">btn-primary</button>

Rounded

<button class="btn btn-rounded gradient-black">btn-rounded</button>
<button class="btn btn-rounded gradient-green">btn-rounded</button>
<button class="btn btn-rounded gradient-orange">btn-rounded</button>
<button class="btn btn-rounded gradient-purple">btn-rounded</button>

Outlined

<button class="btn btn-rounded btn-outlined black-btn">btn-outlined</button>
<button class="btn btn-rounded btn-outlined green-btn">btn-outlined</button>
<button class="btn btn-rounded btn-outlined orange-btn">btn-outlined</button>
<button class="btn btn-rounded btn-outlined purple-btn">btn-outlined</button>

Disabled

<button class="btn btn-primary" disabled>btn-primary</button>
<button class="btn btn-rounded" disabled>btn-rounded</button>
<button class="btn btn-rounded btn-outlined" disabled>btn-outlined</button>