brand

Layout

Choose your preferred layout


Navigation

Menu comes in two modes: dark & light


Top Nav

Choose your liked color mode


Scrollable Header
brand brand

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
Sizing

Add the relative form sizing classes to the .input-group itself and contents within will automatically resize.

Small
Default
Large
Multiple inputs

Add two or more inputs in an input group.

First and last name
Multiple addons
$ 0.00
$ 0.00
Button addons
Buttons with dropdowns
Segmented buttons
Custom select

Input groups include support for custom selects and custom file inputs.

Custom file upload

A custom file browser with change and remove function.

Upload
Select fileChange Remove