/ui/spinner

El componente BkSpinner expresa una espera de tiempo no específica.

Tenemos dos tipos de spinner: el de Bkool, BkSpinner y el del Giro, GiroSpinner. Para ver el spinner pulse el botón "Mostrar Spinner". Al pulsar en ese botón, aparecerá otro botón a su lado que le permitirá elegir cual de los dos spinners mostrar.

Artboard 1

““Gracias a la liga que hemos creado en BKOOLpodemos entrenar juntos más asiduamente.Lo utilizamos como un plus que está dando muy buenos resultados””

Juan Blasco

Juan Blasco

Federación Murciana de Ciclismo

// Estado del componente
...

<BkSpinner
    spinneron={showSpinner}
    spinnerposition='absolute'
/>

Posición

Modificando la prop spinnerposition podremos controlar el estilo position del componente relativo al elemento padre.

<BkSpinner
    spinneron={showSpinner}
    spinnerposition='fixed'
/>

NombreTypeDefaultReuqeridoDescripción
spinneronbool

false

Si es igual a "true", se mostrará el spinner.
spinnerpositionabsolute | fixed

fixed

Pensado para controlar como se muestra el spinner. Si es igual a "fixed", se mostrará cubriendo toda la pantalla. Si es igual a "absolute", se mostrará cubriendo el tamaño del elemento parent, siempre que el parent tenga position: relative;.