Ficha
- Categoría
- Selection
- Nivel
- molécula
- Estado
- en revisión
- Radix
- no
- Actualizado
- 2026-10-26
- Figma
- 393:9532
- Fuente
design-system/componentes/Chip.md
Cuándo usarlo
- Preguntas sugeridas bajo el Field; «↻ Retomar la conversación», «↻ Otra sugerencia».
Cuándo NO usarlo
- Filtros con estado seleccionado (FilterChip); acciones primarias (Button).
Anatomía
<button> de 44 de alto con la píldora de 36 dentro: ícono opcional 16 + etiqueta body/sm; padding 16, gap 4.
Props
| Prop | Figma | Valores | Por defecto |
|---|---|---|---|
label | Label | texto | Compara Gold y Platinum |
icon | Icon | boolean | false |
onClick, … | — | atributos nativos de <button> | — |
Estados
default · hover (surface/brand/03-soft) · focus (anillo 2 px sobre la píldora) · pressed (surface/brand/04-tint); reales.
Accesibilidad
- role=button; Enter/Espacio; anillo de foco 2 px borders/brand/focus; la etiqueta es el nombre accesible, el ícono opcional es decorativo.
Contenido
Una pregunta completa o una frase con verbo, como la diría el usuario; sentence case; 2–7 palabras.
Errores conocidos
- Ninguno medido.
Changelog
- 2026-10-26 · nace (T-02).