Riel izquierdo

Aprobado2026-10-02 · Aprobado por el founder en la revisión visual.

Accesos globales que no dependen de la empresa (buscar, avisos, aprobaciones, ajustes, persona). Sólo escritorio ancho.

Vista · datos de ejemplo

Anatomía

Columna de 56 px blanca
Botones de 40 px con icono del kit
Activo con línea naranja
Persona al pie

Sí

Máximo 6 accesos
Se oculta bajo 1280 px

No dupliques lo que ya está en el menú lateral

HTML exacto

<nav class="nu-riel" aria-label="Accesos">
  <button type="button" class="nu-riel__item" aria-current="true" title="Inicio"><span class="nu-icono" data-icono="nuevauno_dashboard"></span></button>
  <button type="button" class="nu-riel__item" title="Buscar"><span class="nu-icono" data-icono="search"></span></button>
  <button type="button" class="nu-riel__item" title="Avisos"><span class="nu-icono" data-icono="notifications"></span></button>
  <button type="button" class="nu-riel__item" title="Aprobaciones"><span class="nu-icono" data-icono="approvals"></span></button>
  <button type="button" class="nu-riel__item" title="Ajustes"><span class="nu-icono" data-icono="general_settings"></span></button>
  <button type="button" class="nu-riel__item nu-riel__pie" title="Ana Pérez"><span class="nu-persona__cuadro" style="width:28px;height:28px;flex-basis:28px;font-size:13px">A</span></button>
</nav>

Clases: .nu-riel .nu-riel__item .nu-riel__pie · Fragmento: snippets/rail.html