componente · @solu30/ui-kit/display
StatusDot
Punto de color que indica presencia —activo, inactivo, ocupado, error— con pulso opcional.
6 sitios de import en 4 de 15 verticales — un archivo que la importa cuenta una vez, monte una instancia o veinte.
- carlosmartinpavon
- cmp-packages
- gestorsalon
- raquetea
El componente, montado
Cargando el componente del paquete instalado…
Cómo se usa
import { StatusDot } from '@solu30/ui-kit/display'Props
| Prop | Requerida | Tipo | Qué hace |
|---|---|---|---|
| status | sí | "active" | "idle" | "busy" | "error" | "offline" | — |
| pulse | opcional | boolean | — |
| size | opcional | "sm" | "md" | — |
| label | opcional | string | — |
| disableAnimation | opcional | boolean | — |
| className | opcional | string | — |
Ejemplo del paquete
// `pulse` late sólo si el usuario no pidió movimiento reducido.
<StatusDot status="active" pulse label="En línea" />Del @example del JSDoc de @solu30/ui-kit, sin editar: son 65 de los 541 símbolos. La sangría y los renglones en blanco son los del paquete.