Smartphoto
User Manual
Menu
Close
User Manual

Secondary-nav

This is the secondary-nav component. Used for the header component.

Default

secondary-nav info 


      
        
      

  
    <ul class="o-secondary-nav__submenu ">
        <li class="o-secondary-nav__submenu__container">
            
                <div class="o-secondary-nav__submenu-list">
                    <h3 class="o-secondary-nav__top-link"><a href="<!--link-->"><!--text--></a></h3>
                    <ul class="o-secondary-nav__sub-list">
                        
                            <li class="o-secondary-nav__list-item"><a href="<!--link1-->"><!--text--></a></li>
                        
                            <li class="o-secondary-nav__list-item"><a href="<!--link2-->"><!--text--></a></li>
                        
                            <li class="o-secondary-nav__list-item"><a href="<!--link3-->"><!--text--></a></li>
                        
                            <li class="o-secondary-nav__list-item"><a href="<!--link4-->"><!--text--></a></li>
                        
                            <li class="o-secondary-nav__list-item"><a href="<!--link5-->"><!--text--></a></li>
                        
                            <li class="o-secondary-nav__list-item"><a href="<!--link6-->"><!--text--></a></li>
                        
                            <li class="o-secondary-nav__list-item"><a href="<!--link7-->"><!--text--></a></li>
                        
                            <li class="o-secondary-nav__list-item"><a href="<!--link8-->"><!--text--></a></li>
                        
                    </ul>
                    <a class="o-secondary-nav__strong" href="<!--link-->"><!--text--></a>
                </div>
            
        </li>
    </ul>

Mobile

secondary-nav info 


      
        
      

  
    <ul class="o-secondary-nav__submenu ">
        <li class="o-secondary-nav__submenu__container">
            
                <div class="o-secondary-nav__submenu-list">
                    <h3 class="o-secondary-nav__top-link"><a href="<!--link-->"><!--text--></a></h3>
                    <ul class="o-secondary-nav__sub-list">
                        
                            <li class="o-secondary-nav__list-item"><a href="<!--link1-->"><!--text--></a></li>
                        
                            <li class="o-secondary-nav__list-item"><a href="<!--link2-->"><!--text--></a></li>
                        
                            <li class="o-secondary-nav__list-item"><a href="<!--link3-->"><!--text--></a></li>
                        
                            <li class="o-secondary-nav__list-item"><a href="<!--link4-->"><!--text--></a></li>
                        
                            <li class="o-secondary-nav__list-item"><a href="<!--link5-->"><!--text--></a></li>
                        
                            <li class="o-secondary-nav__list-item"><a href="<!--link6-->"><!--text--></a></li>
                        
                            <li class="o-secondary-nav__list-item"><a href="<!--link7-->"><!--text--></a></li>
                        
                            <li class="o-secondary-nav__list-item"><a href="<!--link8-->"><!--text--></a></li>
                        
                    </ul>
                    <a class="o-secondary-nav__strong" href="<!--link-->"><!--text--></a>
                </div>
            
        </li>
    </ul>

This is a title

this is usage documentation is written in markdown