KaiUI

Kaiui

Biblioteca de componentes de UI para construir aplicaciones Kaios. Todos los componentes y vistas son navegables utilizando el D-Pad de un teléfono y los teclas blandas.

PRECAUCIÓN: Las especificaciones de estilo de algunos componentes se han actualizado recientemente, lo que aún no se ha reflejado en esta implementación. Consulte el artículo del blog de Kaios en Medium.

Edificio y uso

Kaiui aún no se ha desplegado en NPM. Para construir y jugar con la aplicación de demostración Run:

 npm install
npm start

Para su uso en el emulador de Kaios, debe construir

 npm build

Y actualice los hash de los archivos JS y CSS en index.html manualmente antes de ejecutarse.

Componentes

Todas las especificaciones se pueden encontrar aquí

Nombre	Avance	Especulación
Encabezamiento
Cortina a la italiana
Llave y llave
Elemento de la lista de texto
Elemento de la lista de texto del cuerpo
Elemento de la lista de iconos
Artículo de la lista de flechas
Separador
Caja
Botón de radio
Carga hacia abajo
Abarrotador de progreso
Control deslizante
Botón
Aporte

Vistas

Los detalles de navegación se pueden encontrar aquí

Nombre	Avance
Tabview
Listview

Ventanas emergentes

Nombre	Avance	Especulación
Tostada

Notificaciones

Kaios proporciona notificaciones cuando usa la API de notificaciones estándar mientras su aplicación se está ejecutando, o la API push si desea notificaciones push. Las aplicaciones instaladas deben solicitar permiso para esto a través del archivo manifiesto. Simplemente agregue esta línea a la sección de permisos de su archivo manifest.webapp .

 "desktop-notification": {}

Una vez que esto se agrega, puede enviar las notificaciones del usuario sin necesidad de solicitar permiso.

Temas

Los colores estandarizados y los estilos de fuente se encuentran en el directorio de temas. Estos siguen el estándar de tipografía de Kaios. Actualmente puede personalizar el color de enfoque de los componentes a través de accesorios, Font Color es un WIP.

Íconos

Kaiui utiliza iconos personalizados proporcionados en el portal de desarrollador de Kaios. Estos se incluyen en la fuente Kai-Icons e incorporadas como clases SASS/CSS.

Que contribuye

Hay mucho trabajo por hacer para construir más componentes de la interfaz de usuario, escribir pruebas e integrar la tipificación (probablemente usando el flujo). Mire los problemas abiertos actualmente y nuestra guía contribuyente