Loading...

Input Group

Input Groups

The Input Groups example demonstrates how to use the .input-group class to combine text inputs with icons, buttons, or other elements for a seamless user experience.

@
@example.com
$ .00
@
With textarea
Buttons, Checkboxs and Radios Group

The Input Groups example demonstrates how to use the .input-group class to combine buttons, checkboxes, and radio inputs with form controls for a seamless user experience.

Buttons with dropdowns

The Buttons with Dropdowns example shows how to use the .dropdown-toggle class to create a button that toggles a dropdown menu for quick actions.

Custom select

The Custom Select example demonstrates how to use the .input-group class to combine a button with a custom select dropdown for seamless user interaction.

Custom file input

The Custom File Input example showcases how to use the .form-control class to create a styled file upload input with a clean and user-friendly design.

Preview Settings

Theme Layouts

Defines the admin panel's layout style, allowing you to choose from different design options.

Color Mode

Choose if app's appearance should be light or dark, or follow your computer's settings.

RTL Mode

Toggle between LTR and RTL layouts to support different language directions.

Preset Themes

Choose a preset theme from out theme library.

Sidebar Colors

Sets the sidebar color scheme. Options include light, dark, or gradient styles.

Navbar Positions Options

Sets the navbar position: sticky, static, or hidden.

Navbar Type Options

Sets the navbar style: default, dark, transparent, or glass.

Font Options

Sets the fonts for headings and body text.

Font Size Options

Sets the font size: sm, md, or lg.

Rounded Options

Sets the border radius size: xs, sm, md, lg, or xl.

Container Options

Defines the container style: fluid (full-width) or boxed (fixed width).

Loader Options

Sets the page loader visibility: hidden or visible.