Avenger Admin Theme

2
10
3

# Buttons

## Default Button Variants

### Default Buttons

Basic buttons come in 7 different colors `.btn .btn-default`

- Default
- Primary
- Success
- Info
- Warning
- Danger
- Inverse

Basic buttons in disabled states `.btn .disabled`

- Default
- Primary
- Success
- Info
- Warning
- Danger
- Inverse

### Alternate Buttons

Alternate buttons come in 7 different colors as well `.btn .btn-default-alt`

- Default
- Primary
- Success
- Info
- Warning
- Danger
- Inverse

Alternate buttons in disabled states `.btn .disabled`

- Default
- Primary
- Success
- Info
- Warning
- Danger
- Inverse

## Button Sizes

### Default Sizes

Default buttons come in 4 sizes `.btn .btn-lg .btn-sm .btn-xs`

- Large Button
- Normal Button
- Small Button
- Extra Small

Different sizes with icon only buttons

### Default Alternate Sizes

Default alternate buttons come in 4 sizes too

- Large Button
- Normal Button
- Small Button
- Extra Small

Different sizes with icon only buttons

## Button Blocks

### Default Blocks

Block level buttons in default and alternate styles with different sizes `.btn-block`

Large Block Normal Block Small Block Extra Small Block

Large Block Normal Block Small Block Extra Small Block

## Button Dropdowns

### Default Dropdowns

Dropdowns default in different colors with `.btn .dropdown-toggle`

- Dropdown

Dropups default in different colors with `.dropup`

- Dropdown

### Alternate Dropdowns

Alternate dropdowns in different colors with `.btn .dropdown-toggle`

- Dropdown

Alternate dropups in different colors with `.dropup`

- Dropdown

### Block Level Dropdowns

Example block level default and alternate style dropdowns and dropups with `.btn-block .dropup`

## Button Groups

### Grouped Buttons

Grouped buttons variations in default style with `.btn-group`

### Toolbar

Default toolbar buttons with `.btn-toolbar`

### Alternate Grouped Buttons

Grouped buttons variations in alternate style with `.btn-group`

### Alternate Toolbar

Alternate toolbar buttons with `.btn-toolbar`

### Vertical Button Groups

Vertically grouped buttons in default and alternate styles and color variations using the class `.btn-group-vertical`

## Label Buttons

Adding a `.btn-label` class to the button will increase focus on the attached icon

- Settings
- Download

- Checked
- Activity
- Edit

- Bookmark
- Cloud
- Flag

- Cancel
- Delete
- Remove

### Alternate Label Buttons

Adding a `.btn-label` class to the button will increase focus on the attached icon

- Settings
- Download

- Checked
- Activity
- Edit

- Bookmark
- Cloud
- Flag

- Cancel
- Delete
- Remove

## Button States

### Loading State

Button loading state default style `.loading-example-btn`

### Single Toggle

Button single toggle state default style

### Checkbox

Button checkbox state default style

Option 1 Option 2 Option 3

### Radio

Button radio state default style

Option 1 Option 2 Option 3

### Alternate Loading State

Button loading state default style `.loading-example-btn`

### Alternate Single Toggle

Button single toggle state default style

### Alternate Checkbox

Button checkbox state default style

Option 1 Option 2 Option 3

### Alternate Radio

Button radio state default style

Option 1 Option 2 Option 3

## Social Icons

Included Social Icons with Font Awesome can get relevant background colors with `.btn-social` class

Alternate styles

Or use them in conjecture with label buttons `.btn-label.btn-social`

- Facebook
- Twitter
- Github
- Behance
- Flickr
- jsFiddle
- Reddit
- YouTube
- Foursquare
- Google
- Apple
- Soundcloud
- Steam
- Spotify
- Wordpress
- Skype
- Android
- Digg
- LinkedIn
- Google Plus+
- Instagram
- Windows

#### Sparkline Stats

- Earnings
  $22,500
- Orders
  4,750

More Sparklines

#### Recent Activity

- Jean Alanis invited 3 unconfirmed members 2 mins ago
- Anthony Ware is now following you 4 hours ago
- Bruce Ory commented on Dashboard UI 16 hours ago
- Roxann Hollingworthis now following you Feb 13, 2015

See all activities

#### Milestones

UI Design
12/16
UX Design
8/24
Frontend Development
8/40
Backend Development
24/48
See All

#### Contacts

- Jeremy Potter
- David Tennant
- Anna Johansson
- Alan Doyle
- Simon Corbett
- Polly Paton

See All
Demo Settings
Fixed Header
Boxed Layout
Collapse Leftbar
Collapse Rightbar
Horizontal Icons
Header Colors

Sidebar Colors
Boxed Layout Options