KaiUI

카이 우이

Kaios 앱을 구축하기위한 UI 구성 요소 라이브러리. 모든 구성 요소와 뷰는 전화의 D 패드 및 소프트 키를 사용하여 탐색 할 수 있습니다.

주의 : 일부 구성 요소의 스타일 사양이 최근에 업데이트되었으며,이 구현에는 아직 반영되지 않았습니다. 매체의 Kaios 블로그 기사를 참조하십시오.

건축 및 사용

Kaiui는 아직 NPM에 배치되지 않았습니다. 데모 앱 실행을 구축하고 재생하려면 :

 npm install
npm start

Kaios 에뮬레이터에 사용하려면 빌드해야합니다

 npm build

실행하기 전에 index.html에서 JS 및 CSS 파일의 해시를 업데이트하십시오.

구성 요소

모든 사양은 여기에서 찾을 수 있습니다

이름	시사	투기
헤더
탭
소프트 키
텍스트 목록 항목
바디 텍스트 목록 항목
아이콘 목록 항목
화살표 목록 항목
분리 기호
확인란
라디오 버튼
진행 상황 다운로드
진보적 인
슬라이더
단추
입력

보기

탐색 세부 사항은 여기에서 찾을 수 있습니다

이름	시사
tabview
ListView

팝업

이름	시사	투기
토스트

알림

앱 실행 중에 표준 알림 API를 사용할 때 Kaios 자체가 알림을 제공하거나 푸시 알림을 원하는 경우 푸시 API를 제공합니다. 설치된 앱은 Manifest 파일을 통해 이에 대한 권한을 요청해야합니다. manifest.webapp 파일의 권한 섹션 에이 줄을 추가하십시오.

 "desktop-notification": {}

이 추가되면 권한을 요청하지 않고도 사용자 알림을 보낼 수 있습니다.

테마

표준화 된 색상과 글꼴 스타일은 테마 디렉토리에 있습니다. 이들은 Kaios 타이포그래피 표준을 따릅니다. 현재 소품을 통해 구성 요소의 초점 색상을 사용자 정의 할 수 있으며 글꼴 색상은 WIP입니다.

아이콘

Kaiui는 Kaios Developer Portal에 제공된 사용자 정의 아이콘을 사용합니다. 이들은 Kai-Icons 글꼴에 포함되어 있으며 SASS/CSS 클래스로 통합됩니다.

기여

더 많은 UI 구성 요소를 구축하고, 테스트를 작성하고, 타이핑을 통합하는 (아마도 흐름 사용)에 대한 작업이 많이 있습니다. 현재 열린 문제와 기여 가이드를보십시오.