Marco del sistema · company-selector

Selector de empresa

Aprobado2026-10-02 · Aprobado por el founder con capturas de la plataforma 20 (2026-10-02).

El nombre de la empresa en la miga es a la vez el selector: abre la lista de empresas de la persona y cambiar recarga el sistema en la elegida.

Vista · datos de ejemplo

Anatomía

Nombre de la empresa activa (gris, 15 px)
Menú flotante con el nombre de la organización en etiqueta de sistema
Opciones; la activa en naranja con un cuadrado

Sí

Sólo empresas reales de la persona
Pinta la última empresa vista mientras llega la lista (sin parpadeo)

No muestres ids técnicos (org_…, cmp_…)
No lo escondas en el perfil: va en la miga

HTML exacto

<nav class="nu-miga" aria-label="Ubicación">
  <span class="nu-miga__empresa">
    <button type="button" class="nu-miga__org" aria-haspopup="menu" aria-expanded="true" aria-controls="empresas-selector" title="Cambiar de empresa">NUEVAUNO LLC</button>
    <span role="menu" aria-label="Empresas" class="nu-miga__menu" id="empresas-selector">
      <span class="nu-etiqueta nu-miga__menu-titulo">NUEVAUNO</span>
      <button type="button" role="menuitemradio" aria-checked="true" class="nu-miga__opcion"><span>NUEVAUNO LLC</span><span class="nu-miga__opcion-actual"></span></button>
      <button type="button" role="menuitemradio" aria-checked="false" class="nu-miga__opcion"><span>Ejemplo Servicios Ltda.</span></button>
      <button type="button" role="menuitemradio" aria-checked="false" class="nu-miga__opcion"><span>Ejemplo Valle SpA</span></button>
    </span>
  </span>
  <span class="nu-miga__barra" aria-hidden="true">/</span>
  <span class="nu-miga__seccion" aria-current="page"><span class="nu-icono" data-icono="contacts"></span>Contactos</span>
</nav>

Clases: .nu-miga__empresa .nu-miga__org .nu-miga__menu .nu-miga__opcion .nu-miga__opcion-actual · Fragmento: snippets/company-selector.html