Spectre Tiles se utilizan para crear componentes que pueden reemplazar el sistema de cuadrícula. Los mosaicos son bloques de información repetibles o incrustables. Hay una versión compacta del componente de mosaicos, que a menudo se usa como bloques de información de contacto y archivo. Para crear mosaicos, debe agregar un contenedor con la clase de … Continue reading «Baldosas compactas Spectre»
Los íconos de Spectre Avatar nos ofrecen incluir una imagen como un ícono. Para incluir la imagen como ícono, primero debe incluir la imagen y luego colocar la clase de icono de avatar en esa etiqueta. Iconos de avatar de Spectre Clase: avatar-icon: esta clase se utiliza para configurar la imagen incluida en el icono … Continue reading «Iconos de avatar de espectro»
Spectre Tabs se usa para crear pestañas para mostrar contenido en la página. Es una especie de enrutamiento a un componente diferente sin redirigir a una página diferente. Las pestañas permiten cambiar rápidamente entre diferentes vistas. Las pestañas son el componente crucial en Spectre, puede usar íconos, marcar cualquier cosa en las pestañas. Para crear … Continue reading «Pestañas de espectro»
Los acordeones Spectre brindan un acordeón simple al extender el componente del panel. El uso del atributo principal de datos para asegurarse de que todos los elementos plegables bajo el padre especificado se cerrarán cuando se muestre uno de los elementos plegables. Alternativamente, puede usar detalles y resumen en lugar de la radio de entrada … Continue reading «Acordeones de espectro»
Los estados Spectre Empty son importantes como marcador de posición cuando tiene un diseño de carga. Los estados vacíos/pizarras en blanco se usan comúnmente como marcadores de posición para el primer uso, datos vacíos y pantallas de error. Hay muchas cosas que puede incluir en un componente de estado vacío, como iconos, mensajes, botones, una … Continue reading «Espectro Estados vacíos»
Spectre Chips ofrece creación de etiquetas. Los chips son entidades complejas en los bloques diminutos, los chips se pueden usar para mostrar etiquetas. Para crear un chip, debe agregar un elemento contenedor con la clase de chip . Agregue elementos de texto secundarios, botones o avatares con la clase de avatar . Clase de chip … Continue reading «Fichas de espectro»
Los Spectre Popovers son uno de los componentes útiles de Spectre. Los popovers se usan en botones o en campos de entrada para notificar al usuario sobre para qué sirve el botón o qué pregunta el campo de entrada. También se puede usar como una notificación, como suponiendo que el usuario haya ingresado la contraseña, … Continue reading «Popovers de espectro»
El componente Spectre Modal es un cuadro de diálogo/ventana emergente que se muestra en la parte superior de la página actual, una vez que se hace clic en el botón de disparo. Sin embargo, al hacer clic en el fondo del modal se cierra automáticamente el modal. En este artículo, aprenderemos a crear modales de … Continue reading «Espectro Tamaños modales»
Spectre Steps se utiliza para diseñar una barra de progreso que consiste, como habrás visto en las plataformas de compras o en los portales de empleo de cualquier empresa. En la plataforma de compras, el estado de la compra se muestra en las barras de pasos. Y en las plataformas de trabajo, los pasos de … Continue reading «Pasos de espectro»
El Spectre Nav es un componente importante que se utiliza para crear una vista de árbol. Este tipo de componente es necesario cuando queremos diseñar contenido en una vista de árbol. Para agregar un navegador, debe agregar un elemento contenedor con la clase de navegación y luego agregar elementos secundarios con la clase de elemento … Continue reading «Espectro de navegación»