Navigation
home
Dashboard
Elements
UI Components
business_center
Basic
Alert
Button
Badges
Breadcrumb & paggination
Cards
Collapse
Carousel
Progress
Modal
Typography
history_edu
Icons
Forms
edit
Forms Elements
Form Basic
Input Groups
Checkbox
Radio
table
table_rows
Bootstrap table
Chart & Maps
Tones of readymade charts
bubble_chart
Chart
my_location
Maps
Pages
Redymade Pages
https
Authentication
Sign up
Sign in
Other
Extra more things
list_alt
Menu levels
Menu Level 2.1
Menu level 2.2
Menu level 3.1
Menu level 3.2
Menu level 3.3
Menu level 4.1
Menu level 4.2
Menu level 2.3
Menu level 3.1
Menu level 3.2
Menu level 3.3
Menu level 4.1
Menu level 4.2
storefront
Sample page
Level
account_circle
My Account
list_alt
Level2.1
My Account
Settings
Support
Lock Screen
Logout
settings
Settings
support
Support
https
Lock Screen
chrome_reader_mode
Logout
search
Joseph William
Administrator
Upgrade to Pro
chrome_reader_mode
Logout
Input Groups
Home
Form Components
Input Groups
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