KaiUI

Kaiui

Bibliothèque de composants d'interface utilisateur pour la création d'applications Kaios. Tous les composants et vues sont navigables à l'aide du D-Pad et des SoftKeys d'un téléphone.

ATTENTION: Les spécifications de style de certains composants ont été mises à jour récemment, ce qui n'a pas encore été reflété dans cette implémentation. Veuillez vous référer à l'article de blog Kaios sur Medium.

Bâtiment et utilisation

Kaiui n'a pas encore été déployé sur NPM. Pour construire et jouer avec l'application Demo Run:

 npm install
npm start

Pour une utilisation dans l'émulateur Kaios, vous devez construire

 npm build

Et mettez à jour les hachages des fichiers JS et CSS dans index.html manuellement avant l'exécution.

Composants

Toutes les spécifications peuvent être trouvées ici

Nom	Prévisualisation	Spécifier
Tête
Onglets
Touche d'abonds
Élément de liste de texte
Élément de liste de texte du corps
Élément de liste d'icônes
Élément de liste des flèches
Séparateur
Cocher
Bouton radio
Téléchargement de progrès
Frappé de progression
Curseur
Bouton
Saisir

Vues

Les détails de navigation peuvent être trouvés ici

Nom	Prévisualisation
Tabview
ListView

Popups

Nom	Prévisualisation	Spécifier
Griller

Notifications

Les notifications sont fournies par Kaios lui-même lorsque vous utilisez l'API de notifications standard pendant l'exécution de votre application, ou l'API Push si vous souhaitez des notifications push. Les applications installées doivent demander l'autorisation à ce sujet via le fichier manifeste. Ajoutez simplement cette ligne à la section des autorisations de votre fichier manifest.webapp .

 "desktop-notification": {}

Une fois cela ajouté, vous pouvez envoyer les notifications utilisateur sans avoir besoin de demander une autorisation.

Thèmes

Des couleurs et des styles de polices standardisés se trouvent dans le répertoire des thèmes. Ceux-ci suivent la norme de typographie de Kaios. Actuellement, vous pouvez personnaliser la couleur de mise au point des composants via les accessoires, la couleur de police est un WIP.

Icônes

Kaiui utilise des icônes personnalisées fournies sur le portail de développeur Kaios. Ceux-ci sont inclus dans la police Kai-Icons et incorporés en tant que classes SASS / CSS.

Contributif

Il y a beaucoup de travail à faire pour construire plus de composants d'interface utilisateur, écrire des tests et intégrer la frappe (probablement en utilisant le flux). Veuillez consulter les problèmes actuellement ouverts et notre guide de contribution