Webarch - Responsive Admin Dashboard

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

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