Biblioteca de componentes da interface do usuário para criar aplicativos Kaios. Todos os componentes e vistas são navegáveis usando o D-PAD e o Softkeys de um telefone.
CUIDADO: As especificações de estilo de alguns componentes foram atualizadas recentemente, que ainda não foram refletidas nessa implementação. Consulte o artigo do blog Kaios no Medium.
Kaiui ainda não foi implantado no NPM. Para construir e brincar com o aplicativo de demonstração Run:
npm install
npm start
Para uso no emulador Kaios, você deve construir
npm build
E atualize os hashes dos arquivos JS e CSS no index.html manualmente antes de executar.
Todas as especificações podem ser encontradas aqui
| Nome | Visualização | Espec |
|---|---|---|
| Cabeçalho | ![]() | ![]() |
| Guias | ![]() | ![]() |
| Tecla mole | ![]() | ![]() |
| Item da lista de texto | ![]() | ![]() |
| Item da lista de texto corporal | ![]() | |
| Item da lista de ícones | ![]() | |
| Item da lista de setas | ![]() | |
| Separador | ![]() | ![]() |
| Caixa de seleção | ![]() | ![]() |
| Botão de rádio | ![]() | |
| Download de progresso | ![]() | ![]() |
| Buffer de progresso | ![]() | |
| Slider | ![]() | ![]() |
| Botão | ![]() | ![]() |
| Entrada | ![]() | ![]() |
Detalhes da navegação podem ser encontrados aqui
| Nome | Visualização |
|---|---|
| TabView | ![]() |
| ListView | ![]() |
| Nome | Visualização | Espec |
|---|---|---|
| Brinde | ![]() | ![]() |
As notificações são fornecidas pelo próprio Kaios quando você usa a API de notificações padrão enquanto seu aplicativo estiver em execução ou a API PUSH se você quiser notificações push. Os aplicativos instalados precisam solicitar permissão para isso através do arquivo de manifesto. Basta adicionar essa linha à seção de permissões do seu arquivo manifest.webapp .
"desktop-notification": {}
Uma vez adicionado, você pode enviar as notificações do usuário sem precisar solicitar permissão.
Cores padronizadas e estilos de fonte são encontrados no diretório de temas. Estes seguem o padrão de tipografia Kaios. Atualmente, você pode personalizar a cor do foco dos componentes através de adereços, a cor da fonte é um WIP.
Kaiui usa ícones personalizados fornecidos no portal de desenvolvedores Kaios. Estes estão incluídos na fonte Kai-icons e incorporados como classes SASS/CSS.
Há muito trabalho a ser feito para criar mais componentes da interface do usuário, escrever testes e integrar a digitação (provavelmente usando o fluxo). Por favor, veja as questões abertas atualmente e nosso guia contribuinte