React Bootstrap es una versión de Bootstrap hecha para React.
Es un conjunto de componentes de React que tienen estilos Bootstrap.
En este artículo, veremos cómo agregar hilanderos con React Bootstrap.
ejemplo de secuencia de comandos de canalización de jenkins para maven build
Hilanderos
Los hilanderos se utilizan para mostrar el estado de carga de nuestros datos.
Para usarlo, podemos usar el Spinner
componente:
|_+_|
Agregamos el import React from 'react'; import 'bootstrap/dist/css/bootstrap.min.css'; import Spinner from 'react-bootstrap/Spinner'; export default function App() { return ( Loading... ); }
con el Spinner
apuntalar.
animation
significa que tenemos un círculo que gira como la ruleta.
También podemos agregar texto para lectores de pantalla con el border
clase.
Los lectores de pantalla lo leerán, pero los usuarios no lo verán.
Animaciones
También podemos establecer el sr-only
prop a animation
.
donde comprar cripto cadena ethernity
Entonces obtendremos una ruleta palpitante:
|_+_|Variantes
Hay varias variantes de estilo para los hilanderos.
Todos los Bootstrap comunes están disponibles.
olvide mi contraseña minecraft
Por ejemplo, podemos escribir:
|_+_|Luego obtenemos hilanderos con diferentes colores y estilos de animación.
#javascript # desarrollo web # programación # desarrollo de software # tecnología #react
medium.com
React Bootstrap - Spinners y tablas
React Bootstrap es una versión de Bootstrap hecha para React. Es un conjunto de componentes de React que tienen estilos Bootstrap. En este artículo, veremos cómo agregar hilanderos con React Bootstrap.