Las etiquetas Spectre son etiquetas de texto formateadas para resaltar texto informativo. Estas etiquetas normalmente tienen forma de rectángulo. Sin embargo, podemos cambiar la forma de las etiquetas a redondeadas con la ayuda de Spectre Labels Etiquetas redondeadas . Tipo de etiquetas de espectro: Etiquetas Spectre: Estas son etiquetas predeterminadas en forma de rectángulo. Etiquetas … Continue reading «Etiquetas 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»
Las barras deslizantes de Spectre se utilizan para crear barras de progreso en el modo deslizante. Puede agregar la clase barra deslizante al contenedor Barras. Agregue elementos secundarios con la clase bar-item y agregue la clase bar-slider-btn para el botón dentro de div con la clase bar-item . También debe agregar el ancho del elemento … Continue reading «Barras deslizantes Spectre»
El Icon.css es un elemento único que responde a los iconos css puros. Hay tres tipos de iconos: iconos de navegación, iconos de acción e iconos de objeto. Podemos manipular el tamaño del ícono usando esta clase. Clase de tamaño de icono de espectro: icon-2x: Esto se usa para duplicar el tamaño del icono normal. … Continue reading «Tamaño del icono de espectro»
En este artículo, conoceremos Spectre Button Group, sus diversas clases disponibles y lo entenderemos a través de los ejemplos. El botón es una característica importante de cualquier sitio web o en cualquier aplicación. A veces necesitará categorizar los botones. La clase de grupo Spectre Button se utiliza para establecer la categoría del botón. Clase de … Continue reading «Grupo de botones de espectro»
Las barras de espectro se utilizan para representar el progreso de la tarea, el valor dentro del rango conocido. Las barras son componentes para mostrar HTML5 <progress> , <meter> y elementos de rango de entrada. En Spectre Bars, tenemos barras predeterminadas y barras deslizantes, las Barras deslizantes de Spectre se utilizan para crear barras de … Continue reading «Barras 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»
Los Spectre Toast se utilizan para mostrar notificaciones al usuario. Los brindis se utilizan para mostrar notificaciones sobre cualquier interacción del usuario. Se puede usar para alertar al usuario si alguna tarea ha pasado o fallado. Para crear un brindis, debe agregar un elemento contenedor con la clase brindis. Puede agregar cualquier texto dentro del … Continue reading «Tostadas 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»
El botón es una característica importante de cualquier sitio web o en cualquier aplicación. La clase de estado Spectre Button se utiliza para definir los estados del botón. Clase de estados de botón: activo: esta clase se usa para mostrar que el botón está activo, que es el valor predeterminado. disabled: esta clase se usa … Continue reading «Estados del botón Spectre»