Por favor, verifica tu edad antes de entrar al sitio*.
This page displays the Navigation component with different configurations and styling variations.
In this example, the Navigation component is displayed in its default style with extended text.
When the navigation component is placed inside a container with simple layout (as the header), the full text for the navigation items will show up in Desktop viewport.
It is the editor responsability to set up the burger menu by checking the dialog option "show as burger menu".
In tablet and mobile, the navigation component automatically changes to a Burger menu.
In responsive container if there is not enough horizontal space to list the navigation items, it is the editor responsability to set up the burger menu by checking the dialog option "show as burger menu".
When the Navigation component is placed inside a container, its styles are adapted to the background colour of the container.
Container with full page width and primary light background
Container with background full page width and primary dark background
Container with default width and secondary light background
Container with default width and secondary dark background