### Switcher

Theme Color Mode:

Light
Dark

Directions:

LTR
RTL

Navigation Styles:

Vertical
Horizontal

Navigation Menu Style:

Menu Click
Menu Hover
Icon Click
Icon Hover
Note:Works same for both Vertical and Horizontal

Page Styles:

Regular
Classic

Layout Width Styles:

FullWidth
Boxed

Menu Positions:

Fixed
Scrollable

Header Positions:

Fixed
Scrollable

Sidemenu Layout Syles:

Default Menu
Closed Menu
Icon Text
Icon Overlay
Detached
Double Menu
Note:Navigation menu styles won't work here.

Loader:

Enable
Disable

Menu Colors:

Light Menu
Dark Menu
Color Menu
Gradient Menu
Transparent Menu
Note:If you want to change color Menu dynamically change from below Theme Primary color picker.

Header Colors:

Light Header
Dark Header
Color Header
Gradient Header
Transparent Header
Note:If you want to change color Header dynamically change from below Theme Primary color picker.

Theme Primary:

Theme Background:

### Typography

1. Elements
2. Typography

##### Heading tags

# h1. Tailwind heading

## h2. Tailwind heading

### h3. Tailwind heading

#### h4. Tailwind heading

##### h5. Tailwind heading

###### h6. Tailwind heading

##### Inline text elements

You can use the mark tag to highlight text.

This line of text is meant to be treated as deleted text.

This line of text is meant to be treated as no longer accurate.

This line of text is meant to be treated as an addition to the document.

This line of text will render as underlined.

This line of text is meant to be treated as fine print.

This line rendered as bold text.

This line rendered as italicized text.

##### Description list alignment

Description lists
  A description list is perfect for defining terms.
Term

  Definition for the term.

  And some more placeholder definition text.

Another term
  This definition is short, so no extra paragraphs or anything.
Truncated term is truncated
  This can be useful when space is tight. Adds an ellipsis at the end.
Nesting
  Nested definition list
    I heard you like definition lists. Let me put a definition list inside your definition list.

##### First-line and first-letter

Well, let me tell you something, funny boy. Y'know that little stamp, the one that says "New York Public Library"? Well that may not mean anything to you, but that means a lot to me. One whole hell of a lot.

Sure, go ahead, laugh if you want to. I've seen your type before: Flashy, making the scene, flaunting convention. Yeah, I know what you're thinking. What's this guy making such a big stink about old library books? Well, let me give you a hint, junior.

##### Font Sizes

text-xs

text-sm

text-base

text-lg

text-xl

text-2xl

text-3xl

text-4xl

text-5xl

text-6xl

text-7xl

text-8xl

text-9xl

##### Open/closed state

Why do they call it Ovaltine?

The mug is round. The jar is round. They should call it Roundtine.

##### Text Decoration

This line of text will render as underlined.

This line of text will render as Not underlined..

This line of text will render as overline..

This line of text will render as line through.

##### Text Transform

Lowercased text.

Uppercased text

Captalized text

Normal Text

Search

Are You Looking For...

Team Remove badge
Forms Remove badge
Maps Remove badge
Widgets Remove badge

Recent Search :

Notifications
Alerts
Tables