KaiUI
UI Component library for building KaiOS apps. All components and views are navigable using a phone's d-pad and softkeys.
Building and Usage
KaiUI has not yet been deployed to NPM. To build and play with the demo app run:
npm install
npm start
For use in the KaiOS emulator you must build
npm build
And update the hashes of the JS and CSS files in index.html manually before running.
Components
All specs can be found here
Name | Preview | Spec |
---|---|---|
Header | ||
Tabs | ||
SoftKey | ||
Text List Item | ||
Body Text List Item | ||
Icon List Item | ||
Arrow List Item | ||
Separator | ||
Checkbox | ||
Radio Button | ||
Progress-Download | ||
Progress-Buffering | ||
Slider | ||
Button | ||
Input | TBD |
Views
Navigation details can be found here
Name | Preview |
---|---|
TabView | |
ListView |
Popups
TBD
Notifications
TBD
Themes
Standardized colors and font stylings are found in the themes directory. These follow the KaiOS typography standard. Currently you can customize the focus color of components through props, font color is a WIP.
Icons
KaiUI uses custom icons provided on the KaiOS developer portal. These are included in the kai-icons font and incorporated as SASS/CSS classes.
Contributing
There's much work to be done on building out more UI components, writing tests, and integrating typing (probably using flow). Please look at currently open issues and our Contributing Guide