vue kaiui

Biblioteca de componentes Vue para aplicativos Kaios.

• Instalação
• Uso
  • API de componentes
  • Estilos
• Status
  • Componentes
  • Navegação
  • Tipografia
  • Variado
• Estilo, cores, fontes
• Ícones
• Contribuindo

Instalação

 npm install vue-kaiui

Em seu main.js adicionar

 import Vue from 'vue'
import App from './App.vue'

import VueKaiUI from "vue-kaiui" ; // !
Vue . use ( VueKaiUI ) // !

new Vue ( {
  render : h => h ( App ) ,
} ) . $mount ( '#app' )

Uso

Mais importante ainda, coloque todos os componentes na raiz <kaiui-content> para que o Kaiui possa gerenciar todos os elementos de design do Softkeys e cabeçalho para você.

API de componentes

Consulte os componentes da API DOCs e o aplicativo de amostra para exemplos de uso.

Estilos

Você pode simplesmente substituir as variáveis ​​CSS em seus estilos usando o escopo :root . Todas as variáveis ​​de tema CSS são encontradas aqui.

<style >

: root{
  - - primary - col or : red; 
  - - primary - dark - col or : darkred;
  ...
  --tabbar-tabs-selected-color : blue;
  ...
}

< / style >

Status

Veja contribuindo.

Componentes

• Cabeçalho
• Guia
• Chave de software
• Item da lista
• Separador
• Caixa de seleção
• Botão
• Entrada
• Entrada de linha múltipla
• Brinde
• Botão de rádio (grupo)
• Progresso
• Slider (design de atualização!)
• Seletor de valor de data/hora
• Dialog / Seletor de Valor / Menu de Opção
• Perceber

Navegação

• Visualização da lista
• Visualização da guia
• Vista da grade

Tipografia

• Fontes
• Ícones de Ionicons

Variado

• Temas
• Tradução
• LargeText
• Modo de retrato/paisagem

Estilo, cores, fontes

Os detalhes da tipografia podem ser encontrados aqui.

Os estilos, cores e fontes padronizados são encontrados no diretório de ativos.

Ícones

Vue Kaiui usa os impressionantes ícones de Ionicons.

Os ícones são encontrados no diretório de ativos.

Contribuindo

Há muito trabalho a ser feito na criação de mais componentes da interface do usuário, testes de escrita, etc ...

Por favor, veja as questões abertas atualmente e nosso guia contribuinte.

Para construir e testar a execução do projeto:

npm install

npm run build

Para construir o projeto e criar os documentos da API:

npm run release

---

Obrigado Adrian Machado pela inspiração. Confira sua incrível Kaiui (React Component Library for Kaios Apps).

---