Input Groups | Archon Admin Template

- Overview
- Dashboard
- UI Features 11
  - Buttons & Notifications
  - Alerts
  - Progress Bars
  - Labels & Badges
  - Breadcrumbs
  - Pagination
  - Sliders
  - Nestable
  - Utilities
  - Image Crop
  - File Manager
- Widgets
- Pages
- Template Page
- FAQ
- Invoice
- Timeline
- Calendar
- Gallery
- Mail
- Front End14
- Front End Single Page
- Profile 2
  - Model One
  - Model Two
- 3 Level menu 3
  - Submenu
  - Submenu
  - One More 3
    - Submenu
    - Submenu
    - More here 3
      - Submenu
      - Submenu
      - One More
- Components
- Tables 3
  - Basic Tables
  - Dynamic Tables
  - Editable Tables
- Grid
- Panels
- Wells
- Charts 4
  - Morris
  - NVD
  - Flot
  - Knobs
- Typography
- Forms 8
  - Form Elements
  - Forms
  - Input Groups
  - Wysiwyg & Markdown
  - Form wizard
  - Dropzone & File Upload
  - Multiple File Upload
  - Input Masks
- Icons

Archon

- - INBOX (25)
  - Anusha (6) 06:58 PM

    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's ...

  - Veeru (2) 09:58 AM

    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's ...

  - Nag (6) Yesterday

    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's ...

  - Harish 14/12/2013

    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's ...

  - View All Messages
- - Notifications
  - New settings activated 06:58 PM
  - You have 2 returns 04:29 PM
  - New User registered Yesterday
  - New Comment received Yesterday
  - User deleted 2 days ago
  - Earned 200 points 3 days ago
  - Memory size exceeded 1 week ago
  - View All Notifications
- Vijay Kumar
  - Vijay Kumar
  - Profile
  - Settings
  - Help
  - Logout

- DashBoard
- Forms
- Input Groups
- Bread Crumb

### Input Groups

### Basic Input Groups

@ .00 $ .00
`<a class="input-group">
<span class="input-group-addon">$</span>
<input type="text" class="form-control">
<span class="input-group-addon">.00</span>
</a>`

### Sizing

@ .00 $ .00
`<a class="input-group input-group-lg"> ... </a>
<a class="input-group input-group-sm"> ... </a>
<a class="input-group input-group-xs"> ... </a>
`

### Checkbox & Radio Addons

`<a class="input-group">
<span class="input-group-addon"><input type="checkbox"></span>
<input type="text" class="form-control">
</a>
`

### Button Addons

`<a class="input-group">
<span class="input-group-btn"> ... </span>
<input type="text" class="form-control">
</a>
`

### Buttons With Dropdowns

- Action
- Another action
- Something else here
- Separated link

- Action
- Another action
- Something else here
- Separated link

`<div class="input-group">
<div class="input-group-btn">
<button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown">LogIn <span class="caret"></span></button>
...
</div>
<input type="text" class="form-control">
</div>`

### Segmented Buttons

- Action
- Another action
- Something else here
- Separated link

- Action
- Another action
- Something else here
- Separated link

`<div class="input-group">
<div class="input-group-btn">
<button type="button" class="btn btn-default">Default</button>
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
</button>
...
</div>
<input type="text" class="form-control">
</div>`

##### Panel Settings

Some sort of settings with a form
Label
Second Label
© 2013 Bootstrap Guru