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

Buttons

Buttons Variants

Standard solid button styles covering primary actions to secondary choices.

Subtle Buttons

Pastel background buttons to provide lower emphasis visual hierarchy.

Outline Buttons

Buttons styled with line borders and transparent backgrounds.

Border Dashed

Dashed-border buttons representing upload zones or secondary indicators.

Ghost Buttons

Ghost styling rendering clean clickable actions with border hover states.

Rounded Buttons

Fully rounded pill buttons for modern, soft interface designs.

Button with Icon

Integrate trailing or leading helper icons to make text buttons intuitive.

Icon Buttons

Square and circular button frames hosting single functional icons.

Sizes

Scale button size ratios from extra small up to extra large heights.

Block Buttons

Force buttons to stretch horizontally and span the full container width.

Disabled Buttons

Deactivated interactive states using attributes or disabled style utility classes.

Button with Loading Spinner

Indicate background processing with integrated loading spinners.

Button Group

Group buttons together with unified border radius and spacing using the join component.

Standard
Outline
Radio Selection
Vertical

Aura Buttons

Wrap buttons with the aura component to apply glowing border effects.