Chip
Etiqueta compacta de estado. Incluye DeltaChip, la pildora de variacion porcentual que usan las stat cards y los headers de chart.
npx orbitui-cli add chipBorradorEn revisiónPublicadoVence prontoRechazado
16.2%2.4%8.1%4.7%
Props
| Prop | Tipo | Descripción |
|---|---|---|
tone | ChipTone | — |
size | ChipSize | — |
value* | number | Variacion porcentual. El signo determina el tono y la direccion de la flecha. |
invert | boolean | Invierte la semantica: para metricas donde bajar es bueno (churn, latencia, gasto). |
Qué instala
- Archivo
components/orbit/ui/chip.tsx- Componentes
- cx
- Paquetes npm
- ninguno
A partir de la instalación el archivo es tuyo: editalo sin miedo. Si volvés a correr add y lo modificaste, el CLI pregunta antes de pisarlo.