User Manual

Languages

A very contextual component specifically styled to display the available languages.

Default


    
      

  

<ul class="m-languages ">
  

    <li class="m-languages__item is-active">
      <a class="m-languages__link" href="">NL</a>
    </li>

  

    <li class="m-languages__item ">
      <a class="m-languages__link" href="">FR</a>
    </li>

  
</ul>

Modifiers

  • m-languages--inverted

    Invert the color of the language items to black instead of the default white.

States

  • is-active

    By applying this state on one of the child elements m-languages__item you show towards the user which one of the languages is selected.