Descarga ispa element - Descarga del código fuente ispa element

ispa element

Otras categorias

0.7.0

Descargar

Interfaz de usuario del elemento iSPA

Una biblioteca de componentes para VueJs (Vue 3) basada en Tailwind Css.

Inicio rápido

Para usarlo, abra su terminal en el directorio deseado y ejecute el siguiente comando:

npm install ispa-element

Luego agregue la biblioteca a su proyecto js principal

 import { createApp } from 'vue'
import iSPAElement from 'ispa-element'

const app = createApp ( App )
app . use ( iSPAElement ) . mount ( '#app' )

Cargador de módulos

Esta es la forma recomendada si su aplicación usa vue-cli o tiene una compilación basada en un paquete web con vue-loader configurado. Importe los componentes como archivos .vue para una integración perfecta dentro de su proyecto, donde la ruta de cada componente está disponible en la sección "importar" de la documentación del componente.

 import { IButton } from 'ispa-element'

En el siguiente paso, registre el componente con el nombre de etiqueta que desea utilizar.

 //  In app.js
import { createApp } from 'vue'
const app = createApp ( App )

app . component ( IButton . name , IButton )
// OR app.component('i-button', IButton)

app . mount ( '#app' )

//  In component.vue
export default {
  components : { IButton }
}

::: consejo Nota Puede usar cualquier nombre de etiqueta, pero tenga en cuenta que estos nombres de etiquetas pueden entrar en conflicto con otros nombres de etiquetas, así que asegúrese de que sea un nombre de etiqueta único para usar. :::