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 Range

Default Range Slider

Disabled Range

Min and Max Limits

Range slider configured with explicit minimum (100) and maximum (500) values.

Min: 100 Max: 500

Stepped Range

| | | | |
0 25 50 75 100

Range Colors

Leverage theme-specific tailwind color utility variations on the active range track.

Range Sizes

Sizing modifiers to support various layouts from narrow tables to large display layouts.

Range with Value Display

Display interactive live feedback values dynamically when range handles move.

60
45
72

Vertical Range

Display range inputs vertically using utility classes for customized heights and orientations.

Custom Color Track & Thumb