Top NavBar
Top Navbar
Barra de navegación superior. Las opciones que puede contener esta barra de navegación dependerán de cada aplicación y acorde a los lineamientos que hayan definido.
Esta barra de navegación solo será visible en resoluciones mayores o iguales a 1024px para evitar afectaciones en el diseño.
Estructura de la barra de navegación
La barra se compone de varios elementos los cuales, dependiendo de su tipo y lineamientos, pueden aparecer más de una vez en la barra de navegación.
- Branding
- Información de la empresa
- Separador o divisor
- Opciones con o sin submenús
- Menú/Opción con la información de usuario
Branding
Contiene el isotipo y el logo de CONTPAQi.
Información de la empresa
Muestra el nombre de la empresa y su RFC. Se muestra al lado izquiero del logotipo y se separa de este por medio de un divisor.
Separador o divisor
Se utiliza para separar elementos en la barra de navegación superior. De forma predeterminada el separador tiene un margin izquiero y derecho nivel 4 (1.5 rem)
Opciones
Se utilizan para agregar opciones al lado derecho de la barra de navegación. A su vez, estas acciones u opciones pueden contener sub-acciones las cuales se desplegarán en forma de un menú desplegable o dropdown.
Las acciones se pueden agrupar o dividir utilizando un elemento separador (con un nivel de espacio nivel 2) según sea necesario.
Información del usuario
Es la última opción del barra superior de navegación. Esta opción contiene la información del usuario y un submenú con enlaces de utilidad para el usuario.
Esta opción deberá separarse del resto de las opciones utilizando un separador al lado izquierdo.