Main Menu
Boost your work

Upgrade to premium here

Upgrade Now
Kleon Admin Dashboard
Made with by WPThemeBooster
Theme Customizer
Theme Color Mode
Navigation Layout
Vertical Navigation Styles
Header Position
Topbar Style

Buttons

Lorem ipsum dolor sit amet

Default Buttons
<!-- Default Buttons -->
    <button type="button" class="btn btn-primary btn-lg rounded-0 btn-icon"><i class="bi bi-arrow-up-right-square-fill"></i></i></button>
    <button type="button" class="btn btn-primary btn-lg rounded-0">View More</button>
    <button type="button" class="btn btn-primary btn-lg rounded-0"><i class="bi bi-arrow-up-right-square-fill me-1"></i> View More</button>
    <button type="button" class="btn btn-primary btn-lg rounded-0">View More <i class="bi bi-arrow-up-right-square-fill ms-1"></i></button>
    <hr/>
    <button type="button" class="btn btn-primary rounded-0 btn-icon"><i class="bi bi-arrow-up-right-square-fill"></i></i></button>
    <button type="button" class="btn btn-primary rounded-0">View More</button>
    <button type="button" class="btn btn-primary rounded-0"><i class="bi bi-arrow-up-right-square-fill me-1"></i> View More</button>
    <button type="button" class="btn btn-primary rounded-0">View More <i class="bi bi-arrow-up-right-square-fill ms-1"></i></button>
    <hr/>
    <button type="button" class="btn btn-primary btn-sm rounded-0 btn-icon"><i class="bi bi-arrow-up-right-square-fill"></i></i></button>
    <button type="button" class="btn btn-primary btn-sm rounded-0">View More</button>
    <button type="button" class="btn btn-primary btn-sm rounded-0"><i class="bi bi-arrow-up-right-square-fill me-1"></i> View More</button>
    <button type="button" class="btn btn-primary btn-sm rounded-0">View More <i class="bi bi-arrow-up-right-square-fill ms-1"></i></button>
Buttons Rounded Corner
<!-- Buttons Rounded Corner -->
  <button type="button" class="btn btn-primary btn-lg rounded-1 btn-icon"><i class="bi bi-arrow-up-right-square-fill"></i></i></button>
  <button type="button" class="btn btn-primary btn-lg rounded-1">View More</button>
  <button type="button" class="btn btn-primary btn-lg rounded-1"><i class="bi bi-arrow-up-right-square-fill me-1"></i> View More</button>
  <button type="button" class="btn btn-primary btn-lg rounded-1">View More <i class="bi bi-arrow-up-right-square-fill ms-1"></i></button>
  <hr/>
  <button type="button" class="btn btn-primary rounded-1 btn-icon"><i class="bi bi-arrow-up-right-square-fill"></i></i></button>
  <button type="button" class="btn btn-primary rounded-1">View More</button>
  <button type="button" class="btn btn-primary rounded-1"><i class="bi bi-arrow-up-right-square-fill me-1"></i> View More</button>
  <button type="button" class="btn btn-primary rounded-1">View More <i class="bi bi-arrow-up-right-square-fill ms-1"></i></button>
  <hr/>
  <button type="button" class="btn btn-primary btn-sm rounded-1 btn-icon"><i class="bi bi-arrow-up-right-square-fill"></i></i></button>
  <button type="button" class="btn btn-primary btn-sm rounded-1">View More</button>
  <button type="button" class="btn btn-primary btn-sm rounded-1"><i class="bi bi-arrow-up-right-square-fill me-1"></i> View More</button>
  <button type="button" class="btn btn-primary btn-sm rounded-1">View More <i class="bi bi-arrow-up-right-square-fill ms-1"></i></button>
Buttons Rounded
<!-- Buttons Rounded -->
  <button type="button" class="btn btn-primary btn-lg rounded-circle btn-icon"><i class="bi bi-arrow-up-right-square-fill"></i></i></button>
  <button type="button" class="btn btn-primary btn-lg rounded-pill">View More</button>
  <button type="button" class="btn btn-primary btn-lg rounded-pill"><i class="bi bi-arrow-up-right-square-fill me-1"></i> View More</button>
  <button type="button" class="btn btn-primary btn-lg rounded-pill">View More <i class="bi bi-arrow-up-right-square-fill ms-1"></i></button>
  <hr/>
  <button type="button" class="btn btn-primary rounded-circle btn-icon"><i class="bi bi-arrow-up-right-square-fill"></i></i></button>
  <button type="button" class="btn btn-primary rounded-pill">View More</button>
  <button type="button" class="btn btn-primary rounded-pill"><i class="bi bi-arrow-up-right-square-fill me-1"></i> View More</button>
  <button type="button" class="btn btn-primary rounded-pill">View More <i class="bi bi-arrow-up-right-square-fill ms-1"></i></button>
  <hr/>
  <button type="button" class="btn btn-primary btn-sm rounded-circle btn-icon"><i class="bi bi-arrow-up-right-square-fill"></i></i></button>
  <button type="button" class="btn btn-primary btn-sm rounded-pill">View More</button>
  <button type="button" class="btn btn-primary btn-sm rounded-pill"><i class="bi bi-arrow-up-right-square-fill me-1"></i> View More</button>
  <button type="button" class="btn btn-primary btn-sm rounded-pill">View More <i class="bi bi-arrow-up-right-square-fill ms-1"></i></button>
Buttons Styles
<!-- Buttons Styles -->
  <button type="button" class="btn btn-danger btn-lg rounded-0 btn-icon"><i class="bi bi-arrow-up-right-square-fill"></i></i></button>
  <button type="button" class="btn btn-primary-100 btn-lg rounded-0 text-purple">View More</button>
  <button type="button" class="btn btn-light btn-lg rounded-0 text-dark"><i class="bi bi-arrow-up-right-square-fill me-1"></i> View More</button>
  <button type="button" class="btn btn-white btn-lg rounded-0 btn-outline-purple">View More <i class="bi bi-arrow-up-right-square-fill ms-1"></i></button>
  <hr/>
  <button type="button" class="btn btn-white rounded-0 btn-icon btn-outline-danger"><i class="bi bi-arrow-up-right-square-fill"></i></i></button>
  <button type="button" class="btn btn-white rounded-0 text-purple btn-shadow">View More</button>
  <button type="button" class="btn btn-danger rounded-0"><i class="bi bi-arrow-up-right-square-fill me-1"></i> View More</button>
  <button type="button" class="btn btn-primary rounded-0">View More <i class="bi bi-arrow-up-right-square-fill ms-1"></i></button>
Block Buttons
<!-- Block Buttons -->
  <button type="button" class="btn btn-primary rounded-0">View More</button>
  <button type="button" class="btn btn-primary rounded-0"><i class="bi bi-arrow-up-right-square-fill me-1"></i> View More</button>
  <button type="button" class="btn btn-primary rounded-0">View More <i class="bi bi-arrow-up-right-square-fill ms-1"></i></button>
  <button type="button" class="btn btn-white rounded-0 text-purple btn-shadow">View More</button>
  <button type="button" class="btn btn-danger rounded-0"><i class="bi bi-arrow-up-right-square-fill me-1"></i> View More</button>
Market Buttons
<!-- Market Buttons -->
  <a type="button" class="btn btn-dark rounded-1"><img src="assets/img/app-store.png" alt=""></a>
  <a type="button" class="btn btn-dark rounded-1"><img src="assets/img/play-store.png" alt=""></a>

  <hr/>
  <a type="button" class="btn btn-dark btn-sm rounded-1"><img src="assets/img/app-store-sm.png" alt=""></a>
  <a type="button" class="btn btn-dark btn-sm rounded-1"><img src="assets/img/play-store-sm.png" alt=""></a>