Skip to content

Conversation

@Rodsevich
Copy link

Here is an example topBar

<top-bar>
  <ul class="title-area">
    <li class="name"></li>
  </ul>
  <top-bar-section>
    <ul class="left">
       <li><a is-active href="#/">Inicio</a></li>
       <li><a is-active href="#/Vocabulario">Vocabulario</a></li>
    </ul>
    <ul class="right">
       <li><a is-active href="#/Seccion_critica">Secci&oacute;n Cr&iacute;tica</a></li>
       <li><a is-active href="#/Bloques_control">Bloques de Control</a></li>
       <li><a is-active href="#/Sincronizacion">Sincronizaci&oacute;n</a></li>
       <li><a is-active href="#/Semaforos">Sem&aacute;foros</a></li>
    </ul>
  </top-bar-section>
</top-bar>

A directive that automatically adds the 'active' class to the <li> item that corresponds to the current location of the app
            <top-bar>
                <ul class="title-area">
                    <li class="name">
                    </li>
                </ul>
                <top-bar-section>
                    <ul class="left">
                        <li><a is-active href="#/">Inicio</a></li>
                        <li><a is-active href="#/Vocabulario">Vocabulario</a></li>
                    </ul>
                    <ul class="right">
                        <li><a is-active href="#/Seccion_critica">Secci&oacute;n Cr&iacute;tica</a></li>
                        <li><a is-active href="#/Bloques_control">Bloques de Control</a></li>
                        <li><a is-active href="#/Sincronizacion">Sincronizaci&oacute;n</a></li>
                        <li><a is-active href="#/Semaforos">Sem&aacute;foros</a></li>
                    </ul>
                </top-bar-section>
            </top-bar>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant