v1.2.0
Navigation
Dashboard
2
Widget
Statistics
User
Data
Chart
Application
Calendar
Chat
Gallery
E-commerce
Helpdesk
Invoice1
Invoice2
Mail
Membership
Online Courses
Plans
Users
Pages
Authentication
Maintenance
Contact Us
Landing
Loading
Search
Site Settings
UI Components
Components
Animation
Icons
Forms
Forms Elements
Forms Plugins
Text Editors
Form Layouts
File upload
Form Wizard
Form Validation
Image cropper
Table
Bootstrap Table
Vanilla Table
Data table
DT extentions
Charts & Maps
Charts
Maps
Other
Menu levels
Sample page
Help Center
Please contact us for more questions.
Go to help Center
Jonh Smith
Administrator
ctrl+k
3
Home
Forms
Input Group
Input Group
Basic example
Place one add-on or button on either side of an input. You may also place one on both sides of an input.
@
@example.com
Your vanity URL
https://example.com/users/
$
.00
With textarea
With textarea
Multiple Addons
$
0.00
$
0.00
Multiple Inputs
First and last name
Input Group Sizing
Add sizing class
.input-group-sm, .input-group-lg
Small
Default
Large
Input Group Options
Input Group with more options like Button, Button with Dropdown, Colors, Checkbox & with Radio
With Button
Button
Button
Button
Button
Button with Dropdown
Dropdown
Action
Another action
Something else here
Separated link
Dropdown
Action
Another action
Something else here
Separated link
Color variants with Icons
Outline color
Fill color
Checkbox & Radio