Theme Customizer

Customize layout & themes

Sidenav View

Choose sidenav layout style

Display Mode
Select Light or Dark
Direction
Select a direction
Sidenav Color
Select sidenav theme color

Input Group

Input Groups

Easily extend form controls by adding text, buttons, or button groups on either side of textual inputs.

@
@example.com
https://example.com/
$ .00
@
With textarea

Multiple Inputs

While multiple inputs are supported visually, validation styles are only applied to single input groups.

First, last name

Checkboxes and Radios

Place any checkbox or radio option within an input group's addon instead of text.

Segmented Buttons

Use segmented button dropdowns to trigger actions alongside input values.

Custom Select

Use custom select menus in input groups to provide pre-defined options.

Options
Options

Sizing

Add the relative form sizing classes to the input group itself to size all contents.

Small
Default
Large

Button Addons

Multiple buttons can be added as addons to textual inputs for additional actions.

Buttons with Dropdowns

Custom File Input

Combine file input buttons with text labels for customized upload flows.

Upload
Upload

Extra Elements in Group

Incorporate multiple inputs, selects, and indicators in a single input group wrapper.

New