Objective

Ver la demo

Ficha

Categoría
Data display
Nivel
molécula
Estado
en revisión
Radix
no
Actualizado
2026-10-26
Fuente
design-system/componentes/Objective.md

El objetivo de la práctica en curso (simulación, paso, evaluación): ícono target + kicker + texto sobre surface/brand/03-soft. Siempre la misma pieza en Antes de empezar, Preparando y la conversación (R-01.4: el objetivo queda visible toda la conversación).

Cuándo usarlo

  • Columna del cliente en la simulación (ancho 300), Antes de empezar y Preparando la apertura.

Cuándo NO usarlo

  • Avisos o reglas que cambian la calificación → Callout warning.
  • Notas informativas → Callout info.

Anatomía

Caja radius-3x, padding 16, gap 12: Icon/target 24 · columna con kicker (caption/md-strong) y texto (body/md-strong).

Props

PropFigmaValoresPor defecto
labelLabelkickerTu objetivo
textTextuna frase, verbo primero—

Estados

Sin estados.

Accesibilidad

  • El ícono es decorativo; el kicker «Tu objetivo» se lee como parte del texto (un párrafo, dos spans).

Contenido

Una frase, verbo primero («Comprender…», «Cerrar…»).

Errores conocidos

  • Ninguno medido (test @R-01.4: visible en la conversación).

Changelog

  • 2026-10-26 · nace (T-02).

Tokens que consume