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
https://example.com/users/
$ .00
With textarea
$ 0.00
$ 0.00
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
Action Another action Something else here Separated link
Action Another action Something else here Separated link
Settings
  • Theme Mode

    Choose light or dark mode or Auto

  • Sidebar Theme

    Choose Sidebar Theme

  • Accent color

    Choose your primary theme color

  • Sidebar Caption

    Sidebar Caption Hide/Show

  • Theme Layout

    LTR/RTL

  • Layout Width

    Choose Full or Container Layout