Scroll

### Buttons - Variations

#### Basic Buttons

### Button Colors

Basic buttons are traditional buttons with borders and background. Use any of the available button classes to quickly create a styled button. Compatible for bootstrap version 2 and 3.

### Size Options

Fancy larger or smaller buttons? Add `.btn-large` `.btn-small` or `.btn-mini` for additional sizes.

### Button Blocks

Create block level buttons,those that span the full width of a parent by adding `.btn-block`

#### Button Options

### Button Disable

Customizable disabled buttons & links that works with both disable attribute and class. These are compatible for all color variations

Primary link Link

#### Button Options

### Tag Options

Use `.btn` to create the same output of all for different types of HTML tags

Link

#### Button Dropdowns

### Basic Dropdowns

We've simplified our dropdown buttons by getting rid of the dedicated dropdown associated with them, this looks more clean and also available in all different colors

Default
Primary
Success
Info
Warning
Danger
White

### With Speration

Want to use a different action for each button? this method allows to have two different actions for each button for the drop down and the button.

### Size Options

Like the tradition bootstrap size options theses buttons type also are available on all sizes and they are customized to fit the correct dimension

#### Grouped Buttons

### Single Button Group

Button groups are great when you need to display a group of actions in a bar. These build off the button styles and work perfectly with the grid. They come in different toggle options like `switch` or `radio`

#### Grouped Buttons

### Multiple Button Group

A button bar is a group of button groups, perfect for situations where you want groups of actions that are all related to a similar element or page

#### Grouped Buttons

### Vertical Button Group

Want it in a different perspective? its customized to work both vertical and horizontal ways

#### Iconic Buttons

### Common Icon Buttons

Basic buttons are traditional buttons with borders and background with an extra component like an icon. You can place it either on the left or the right which ever you want with different color options

### Social Icon Buttons

Fancy social icons? here are some of pre-made icons and buttons done by use which can come in handy

#### Button Toggles

### Toggle Variations

Button groups can act as a radio or a switch or even a single toggle. Below are some examples click to see what happens

group chats

- Office work
- Personal vibes

favourites
Jane Smith
Hello you there?
3
David Nester
Busy, Do not disturb
more friends
Jane Smith
Hello you there?
David Nester
Busy, Do not disturb
Jane Smith
Hello you there?
David Nester
Busy, Do not disturb
Jane Smith(Typing..)
Yesterday 11:25pm
Hello, You there?
Yesterday 11:25pm
How was the meeting?
Yesterday 11:25pm
Let me know when you free
Yesterday 11:25pm
Today 11:25pm
Let me know when you free
Sent On Tue, 2:45pm