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 -->OrbitSpinner(size = OrbitSpinnerSize.Md)// Xs | Sm | Md | Lg | XlProps
| Prop | Tipo | Default | Descripción |
|---|---|---|---|
size | OrbitSpinnerSize (Kotlin) / "xs" | "sm" | "md" | "lg" | "xl" (web) | Xs / "xs" | Tamaño del spinner (20/28/36/48/64px). |
color (Kotlin) | Color | primary.500 | Color del trazo. |