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

Checks & Radios

Checks

Provide checkbox controls for binary choices or multi-selection options.

Disabled Checks

Disable checkboxes to prevent user interaction while displaying state.

Radios

Use radio inputs when users must select exactly one option from a set.

Disabled Radios

Disabled radio states to restrict option selection dynamically.

Default Stacked

Default vertical layout for stacked checkboxes and radio buttons.

Switches

Use switches to represent toggleable actions or preference changes.

Checkbox Sizes

Custom size classes for scaling checkboxes from extra-small to large.

Radio Sizes

Different sized radio buttons to match custom layout spacing.

Switch Sizes

Sizing options for switch toggles to fit various UI requirements.

Outlined Styles

Style checkboxes and radios as button tags with custom toggle states.

Colored Checkboxes

Apply theme accent colors to checkboxes for highlighted states.

Outline Checkboxes

Display border colored checkboxes with transparent backgrounds.

Colored Radios

Themed radio buttons representing different semantic styles.

Outline Radios

Outline styling variations for theme-based radio inputs.

Switches Colors

Semantic color variations for primary, secondary, and status toggles.

Fieldset & Label

Group related form control components inside semantic fieldsets.

Login options
Login options

Swap

Toggle states or values with text/icon replacements on click.

Default (Text)
Default (Emoji)
Text Color
Visibility
Rotate Effect
Flip Effect

Swap Custom Actions

Toggle various custom icons and actions using the Swap component classes.

Play / Pause
Bookmarked
Lock Toggle
Details