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

Form select

Default Select

Use the default select styling to display standard options menu.

Disabled Select

Add the disabled attribute to prevent user interaction with the select dropdown.

Rounded Select

Use rounded-full to style the select menu with pill-like rounded corners.

Multiple & Size Select

Enable the multiple attribute to allow multiple selections, or use the size attribute to define the number of visible options.

Select Sizes

Choose from small, default, or large select sizes matching other form control heights.

Multiple Select

Use Choices.js multiple select to handle tags, remove buttons, and option groups.

Single Select

Use Choices.js single select for advanced filtering and grouping features.

Passing Through Options

Pass a comma-separated list of values to dynamically generate tags in a text input.

Options added via config with no search

Disable the search input for simple selects with fewer options.

Email Address Only

Validate and restrict input values to email addresses only within Choices.js.

Passing Unique Values

Prevent duplicate option entries in text inputs by enabling unique validation.