Téléchargement ispa element - Téléchargement du code source ispa element

ispa element

Autres catégories

0.7.0

Télécharger

Interface utilisateur de l'élément iSPA

Une bibliothèque de composants pour VueJs (Vue 3) basée sur Tailwind Css.

Démarrage rapide

Pour l'utiliser, ouvrez votre terminal dans le répertoire souhaité et exécutez la commande suivante :

npm install ispa-element

Ajoutez ensuite la bibliothèque dans votre projet js principal

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

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

Chargeur de modules

C'est la méthode recommandée si votre application utilise vue-cli ou si elle dispose d'une version basée sur un webpack avec vue-loader configuré. Importez les composants sous forme de fichiers .vue pour une intégration transparente dans votre projet où le chemin de chaque composant est disponible dans la section « importer » de la documentation d'un composant.

 import { IButton } from 'ispa-element'

À l'étape suivante, enregistrez le composant avec le nom de balise que vous souhaitez utiliser.

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

::: tip Remarque Vous pouvez utiliser n'importe quel nom de balise, mais notez que ces noms de balise peuvent entrer en conflit avec d'autres noms de balise, alors assurez-vous qu'il s'agit d'un nom de balise unique à utiliser. :::