Interfaz de legatario de Blaze es un entorno sin cargo y de código campechano (atrevimiento MIT) con un kit de herramientas de interfaz de legatario leve que proporciona una excelente estructura para crear sitios web rápidamente con una saco escalable y mantenible. Todos los componentes de la interfaz de legatario de Blaze son móviles primero y se basan solamente en las funciones nativas del navegador, no en una biblioteca o entorno por separado. Nos ayuda a crear de modo rápida y competente un sitio web escalable y receptivo con un estilo consistente.
La interfaz de legatario de Blaze facilita el diseño sin esfuerzo al hacer uso de los diversos componentes, objetos y utilidades que ayudan a que el sitio web en normal sea atractivo y mejore la interactividad del sitio web.
Hay 2 formas diferentes en que Blaze UI se puede usar en el esquema:
- Al implementar a través de los enlaces CDN
- Mediante la instalación de los módulos de nodo
Entreambos exploraremos la opción de usar la interfaz de legatario de Blaze y la entenderemos a través de la implementación.
Al implementar a través de CDN Link: El kit de herramientas de Blaze UI se puede utilizar a través de enlaces CDN, es opinar, para CSS y JavaScript, que se describe a continuación:
Paso 1: agregue los componentes CSS y JavaScript: Necesitamos juntar el subsiguiente enlace a la
calificativo:Componente CSS:
componente JavaScript:
Paso 2: Agregue el componente específico implementando la clase específica:
<button class="c-button" type="button">Button</button>
Al instalar los módulos Node: Podemos usar la interfaz de legatario de Blaze instalando los módulos de nodo. Los pasos para la instalación se dan a continuación:
Paso 1: Ejecute el subsiguiente comando para instalar la interfaz de legatario de Blaze:
npm install @blaze/atoms --save
Paso 2: Agrega lo subsiguiente
Paso 3: Agregue la clase específica para implementar el componente específico:
<p class="u-centered" style="color:violet">Content</p>
Paso 4: Ejecute el subsiguiente comando para ejecutar la aplicación:
npm run test
La interfaz de legatario de Blaze igualmente puede proporcionar varias opciones de personalización que se pueden usar para cambiar las variables y los mixins y igualmente crear el kit de herramientas con varias opciones de diseño usando los componentes, objetos y utilidades.
Ejemplo 1: Este ejemplo describe la implementación de la interfaz de legatario de Blaze especificando una inventario desordenada y sin estilo con un encabezado espacioso.
HTML
|
Salida:
Ejemplo 2: Este ejemplo describe la implementación de la interfaz de legatario de Blaze especificando el renuevo activo con un peña de entrada redondeado.
HTML
|
Salida: