KaiUI

Kaiui

UI -Komponentenbibliothek zum Erstellen von Kaios -Apps. Alle Komponenten und Ansichten können mit dem D-Pad und Softkeys eines Telefons schiffbar sind.

Achtung: Die Stilspezifikationen einiger Komponenten wurden in letzter Zeit aktualisiert, was sich noch in dieser Implementierung widerspiegelt. Weitere Informationen finden Sie im Kaios -Blog -Artikel über Medium.

Gebäude und Nutzung

Kaiui wurde noch nicht in NPM eingesetzt. Mit dem Demo -App -Lauf zu bauen und zu spielen:

 npm install
npm start

Zur Verwendung im Kaios -Emulator müssen Sie bauen

 npm build

Und aktualisieren Sie die Hashes der JS- und CSS -Dateien in idex.html vor dem Ausführen manuell.

Komponenten

Alle Spezifikationen finden Sie hier

Name	Vorschau	Spezifikation
Kopfball
Registerkarten
Softkey
Textlistenelement
Element der Körpertextliste
Icon List -Element
Pfeillistenelement
Separator
Kontrollkästchen
Optionsknopf
Fortschritts-Download
Fortschritts-Puffer
Schieberegler
Taste
Eingang

Ansichten

Navigationsdetails finden Sie hier

Name	Vorschau
Tabview
ListView

Popups

Name	Vorschau	Spezifikation
Toast

Benachrichtigungen

Benachrichtigungen werden von Kaios selbst bereitgestellt, wenn Sie die Standard -Benachrichtigungs -API verwenden, während Ihre App ausgeführt wird, oder die Push -API, wenn Sie Push -Benachrichtigungen möchten. Installierte Apps müssen dies über die Manifestdatei zur Erlaubnis anfordern. Fügen Sie diese Zeile einfach in den Abschnitt "Berechtigungen" Ihrer manifest.webapp -Datei hinzu.

 "desktop-notification": {}

Sobald dies hinzugefügt wird, können Sie die Benutzungsbenachrichtigungen senden, ohne die Erlaubnis anzufordern.

Themen

Standardisierte Farben und Schriftstile finden Sie im Themenverzeichnis. Diese folgen dem Kaios Typografiestandard. Derzeit können Sie die Fokusfarbe von Komponenten durch Requisiten anpassen, Schriftfarbe ist ein WIP.

Ikonen

Kaiui verwendet benutzerdefinierte Symbole, die im Kaios -Entwicklerportal bereitgestellt werden. Diese sind in der Kai-ICons-Schrift enthalten und als SASS/CSS-Klassen aufgenommen.

Beitragen

Es gibt viel Arbeit, um mehr UI -Komponenten auszubauen, Tests zu schreiben und die Typisierung zu integrieren (wahrscheinlich mit Fluss). Bitte sehen Sie sich aktuell offene Ausgaben und unseren beitragenden Leitfaden an