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 hereSeparated link
Action Another action Something else hereSeparated link
Settings
Theme Mode

Light / Dark / System

  • Sidebar theme

    Dark / Light

  • Sidebar Caption

    Show / Hide

  • Theme Layout

    LTR/RTL

  • Layout Width

    Full / Fixed

  • Custom Theme

    Choose your primary theme color

  • Header Theme

    Choose your Header theme color

  • Navbar Theme

    Choose your Navbar theme color

  • Logo Theme

    Choose your Logo theme color

  • Navbar Caption Color

    Choose your Navbar Caption Color

  • Navbar Image

    Choose your Navbar Background Image

  • Dropdown Menu Icon

    Choose your Dropdown Menu Icon

  • Dropdown Menu Link Icon

    Choose your Dropdown Menu Link Icon