Tarjeta de aprobación

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

Cuando Kōdo va a hacer algo que importa (emitir, publicar, borrar en masa, dinero) y necesita el sí de una persona.

Vista · datos de ejemplo

Kōdo quiere emitir la guía de despacho.

Cliente: Juanito SpA
Guía: GD-00064 · 16 unidades
Destino: Av. Ejemplo 123, Talca

Anatomía

Qué quiere hacer, en lenguaje de persona
Datos clave en etiqueta + valor
Aprobar (naranja) y Rechazar

Sí

Línea naranja de 2 px a la izquierda
Los datos son los reales que se van a usar

No pidas aprobación para notas o cosas reversibles

HTML exacto

<div class="nu-aprobacion" role="group" aria-label="Aprobar emitir la guía">
  <p class="nu-aprobacion__accion">Kōdo quiere emitir la guía de despacho.</p>
  <dl class="nu-aprobacion__datos">
    <div class="nu-aprobacion__dato"><dt>Cliente</dt><dd>Juanito SpA</dd></div>
    <div class="nu-aprobacion__dato"><dt>Guía</dt><dd>GD-00064 · 16 unidades</dd></div>
    <div class="nu-aprobacion__dato"><dt>Destino</dt><dd>Av. Ejemplo 123, Talca</dd></div>
  </dl>
  <div class="nu-aprobacion__botones">
    <button type="button" class="nu-aprobacion__aprobar">Aprobar</button>
    <button type="button" class="nu-aprobacion__rechazar">Rechazar</button>
  </div>
</div>

Clases: .nu-aprobacion .nu-aprobacion__datos .nu-aprobacion__aprobar .nu-aprobacion__rechazar · Fragmento: snippets/approval-card.html