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

Inputs

Input Types

Explore various HTML5 input type elements with default styles and layouts.

Input with Icons

Display inputs with leading or trailing action icons for improved visual context.

Input Shapes

Explore square, standard, and fully rounded input boundaries.

Input Border Styles

Configure custom border styles including dotted, dashed, or solid variations.

Overview

A classic signup form structure showcasing aligned form groups.

We'll never share your email with anyone else.

Disabled Forms

Disable complete form fieldsets to freeze inputs and control states.

Disabled fieldset example

Form Text

Provide blocks of inline or block-level helper text for detailed explanations.

Your password must be 8-20 characters long, contain letters and numbers, and must not contain spaces, special characters, or emoji.

Input Sizing

Support for large, standard, or small input heights to match UI density.

OTP Input

Use the OTP component for verification codes with customizable styles.

Input Spin

A numerical input spinner with increment and decrement buttons.