vue kaiui

Bibliothèque de composants Vue pour les applications KAIOS.

• Installation
• Usage
  • API des composants
  • Styles
• Statut
  • Composants
  • Navigation
  • Typographie
  • Divers
• Coiffage, couleurs, polices
• Icônes
• Contributif

Installation

 npm install vue-kaiui

Dans votre main.js Ajouter

 import Vue from 'vue'
import App from './App.vue'

import VueKaiUI from "vue-kaiui" ; // !
Vue . use ( VueKaiUI ) // !

new Vue ( {
  render : h => h ( App ) ,
} ) . $mount ( '#app' )

Usage

Plus important encore, mettez tous les composants de la Root <kaiui-content> afin que Kaiui puisse gérer toutes les clés SoftKeys et les éléments de conception d'en-tête pour vous.

API des composants

Voir les documents API Composants et l'exemple d'application pour les exemples d'utilisation.

Styles

Vous pouvez simplement remplacer les variables CSS dans vos styles en utilisant la portée :root . Toutes les variables CSS de thème se trouvent ici.

<style >

: root{
  - - primary - col or : red; 
  - - primary - dark - col or : darkred;
  ...
  --tabbar-tabs-selected-color : blue;
  ...
}

< / style >

Statut

Voir contribution.

Composants

• Tête
• Languette
• Clé logicielle
• Lister l'élément
• Séparateur
• Cocher
• Bouton
• Saisir
• Entrée multiple
• Griller
• Bouton radio (groupe)
• Progrès
• Slider (mise à jour de la conception!)
• Sélecteur de valeur de date / heure
• Menu de dialogue / sélecteur de valeur / option
• Avis

Navigation

• Affichage de la liste
• Affichage d'onglet
• Vue de la grille

Typographie

• Polices
• Ionicons icônes

Divers

• Thème
• Traduction
• Larget
• Mode portrait / paysage

Coiffage, couleurs, polices

Les détails de typographie peuvent être trouvés ici.

Des styles, des couleurs et des polices standardisés se trouvent dans le répertoire des actifs.

Icônes

Vue Kaiui utilise les ionicons impressionnants.

Les icônes se trouvent dans le répertoire des actifs.

Contributif

Il y a beaucoup de travail à faire pour construire plus de composants d'interface utilisateur, des tests d'écriture, etc ...

Veuillez consulter les problèmes actuellement ouverts et notre guide de contribution.

Pour construire et tester l'exécution du projet:

npm install

npm run build

Pour construire le projet et créer des documents API Run:

npm run release

---

Merci Adrian Machado pour l'inspiration. Découvrez son impressionnant Kaiui (React Component Library pour les applications Kaios).

---