KaiUI
1.0.0
UI組件庫,用於構建KAIOS應用程序。使用手機的D-Pad和Softkeys可以導航所有組件和視圖。
注意:某些組件的樣式規格最近已更新,這尚未反映在此實施中。請參閱Medium上的KAIOS博客文章。
Kaiui尚未部署到NPM。構建和播放演示應用程序運行:
npm install
npm start
要在Kaios模擬器中使用,您必須構建
npm build
並在運行前手動更新index.html的JS和CSS文件的哈希。
所有規格都可以在這裡找到
| 姓名 | 預覽 | 規格 |
|---|---|---|
| 標題 | ![]() | ![]() |
| 選項卡 | ![]() | ![]() |
| 軟鍵 | ![]() | ![]() |
| 文本列表項目 | ![]() | ![]() |
| 正文文字清單項目 | ![]() | |
| 圖標列表項目 | ![]() | |
| 箭頭列表項目 | ![]() | |
| 分離器 | ![]() | ![]() |
| 複選框 | ![]() | ![]() |
| 廣播按鈕 | ![]() | |
| 進度下載 | ![]() | ![]() |
| 進步緩衝 | ![]() | |
| 滑桿 | ![]() | ![]() |
| 按鈕 | ![]() | ![]() |
| 輸入 | ![]() | ![]() |
導航詳細信息可以在此處找到
| 姓名 | 預覽 |
|---|---|
| tabview | ![]() |
| ListView | ![]() |
| 姓名 | 預覽 | 規格 |
|---|---|---|
| 烤麵包 | ![]() | ![]() |
當您在應用程序運行時使用標准通知API時,KAIOS本身會提供通知,如果您需要推送通知,則通知。安裝的應用需要通過清單文件請求此功能。只需將此行添加到您manifest.webapp的權限部分。 webapp文件。
"desktop-notification": {}
添加此信息後,您可以在不需要請求許可的情況下發送用戶通知。
標準化的顏色和字體樣式在主題目錄中找到。這些遵循KAIOS的版式標準。目前,您可以通過道具自定義組件的焦點顏色,字體顏色是WIP。
Kaiui使用Kaios開發人員門戶網站上提供的自定義圖標。這些包含在Kai-Icons字體中,並作為SASS/CSS類合併。
在構建更多UI組件,編寫測試和集成鍵入(可能使用流)方面,還有很多工作要做。請查看當前的開放問題和我們的貢獻指南