Download ispa element - download do código-fonte ispa element

ispa element

Outras categorias

0.7.0

Baixar

IU do elemento iSPA

Uma biblioteca de componentes para VueJs (Vue 3) baseada em Tailwind Css.

Início rápido

Para utilizá-lo, abra seu terminal no diretório desejado e execute o seguinte comando:

npm install ispa-element

Em seguida, adicione a biblioteca ao seu projeto js principal

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

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

Carregador de módulo

Esta é a maneira recomendada se seu aplicativo usar vue-cli ou tiver uma construção baseada em webpack com vue-loader configurado. Importe os componentes como arquivos .vue para integração perfeita em seu projeto, onde o caminho de cada componente está disponível na seção "importação" da documentação do componente.

 import { IButton } from 'ispa-element'

Na próxima etapa, registre o componente com o nome da tag que você deseja usar.

 //  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 }
}

::: dica Nota Você pode usar qualquer nome de tag, mas observe que esses nomes de tags podem entrar em conflito com outros nomes de tags, portanto, certifique-se de que seja um nome de tag exclusivo a ser usado. :::