clear
  • Introduction
  • HTML
  • Html Structure
    • Header
    • Left Side Menu
    • Right Side Menu
    • Main Content
      • Buttons
      • Font Icons
      • Progress Bars
      • Maps
      • Lock Screen
  • FAQ's
  • SCSS
  • CSS Files
  • Javascript Files
  • Plugins
  • Start New Page
    • Menu Bar Fold
    • Boxed and Moveable Header
    • Moveable Header
    • Boxed and Fixed Header
    • Fixed Header and Menu
  • Vue Version
    • Basic Installation
      • Clear 1.7 installation
    • Basic Structure
      • Layout structure
      • Leftmenu structure
      • Start New Page
      • Changing layouts
  • Changing Color Scheme
  • Laravel Spark Skin
    • Spark Installation
    • Using .vue files
    • Adding External Plugins
  • Laravel Version
    • Changing skin
    • Changing Layouts
Powered by GitBook
On this page

Was this helpful?

  1. Vue Version
  2. Basic Structure

Leftmenu structure

It has the following structure:

The links in left menu has the following structure:

  <router-link to="/user" tag="li" exact>
     <a class="logo"><i class="menu-icon ti-desktop"></i><span class="mm-text">Dashboard 1</span></a>
  </router-link>

this will render to:

<li class="">
  <a href="#/user" class="logo">
    <i class="menu-icon ti-desktop"></i><span class="mm-text">Dashboard 1</span>
  </a>
</li>
PreviousLayout structureNextStart New Page

Last updated 5 years ago

Was this helpful?