Navigation

Qui ci saranno le varie navigazioni, navbar laterali, header, tabs, pills, ecc.

Navigazione verticale

la navigazione fissa laterale viene racchiusa in un div nav-responsive nav v-nav. Al suo interno un nav h-full relative. E' già stilata per essere responsive, per fare il toggle alle medie e piccole risoluzioni vengono usati un input checkbox.close-control.hidden e la sua label close-button lg:hidden.

Dashboard navbar


                    
                        <div class="">
                        </div>

Navigazione orizzontale

Header dashboard gradient

Dopo il primo accesso sarà l'header della dashboard. al primo accesso, il bg sarà transparente. il padding a sx serve a compensare la navigazione fissa a lato. Sui viewport più piccoli il padding è uniforme a destra e sinistra. Cliccando sull'avatar in alto a destra si deve aprire un dropdown dove l'utente può decidere di passare a un altro store, fare il logout o visitare il suo profilo.

Nome negozio Visualizza|Condividi


                    <div class="">
                    </div>

Basic horizontal nav


                    <div class="">
                    </div>

External responsive site header


                    <div class="">
                    </div>

Navigation tabs


                    <div class="">
                    </div>

Navigation pills

Active Item
Item
Disabled Item


                    <div class="">
                    </div>

Paginatore

Markup paginatore


                    <div class="">
                    </div>