Saltearse al contenido

Spinner

Spinner indeterminado — un arco rotando construido a mano en vez de material3.CircularProgressIndicator/una animación CSS default, para que la duración de rotación sea exactamente motion.duration.spinner (700ms lineal) y no lo que sea que el default de la plataforma use. Trazo en degradado color.primary.500 que se desvanece a transparente en la cola, en vez de un trazo sólido con corte duro — sin track, a diferencia de OrbitProgress.

Uso

Escala cerrada (xs..xl, mismo patrón que OrbitButton) — pensada para un loader standalone, no para un ícono dentro de un botón (para eso ver OrbitButtonSize.iconSize). El grosor del trazo es una fracción del tamaño, así que se mantiene proporcional en cada paso.

xs
sm
md
lg
xl
<orbit-spinner size="md"></orbit-spinner>
<!-- xs | sm | md | lg | xl -->

Props

PropTipoDefaultDescripción
sizeOrbitSpinnerSize (Kotlin) / "xs" | "sm" | "md" | "lg" | "xl" (web)Xs / "xs"Tamaño del spinner (20/28/36/48/64px).
color (Kotlin)Colorprimary.500Color del trazo.