ng sq ui Download - ng sq ui Source Code Download

ng sq ui

Componentes de terceiros

Updated to angular 12.2.4 + bug fixes

Baixar

Ng-sq-ui

Kit de interface do usuário de qualidade simples para angular

Construído por desenvolvedores para desenvolvedores!

Documentos

Você encontrará uma descrição da API pública para cada componente. Os componentes são agrupados por módulos. Quaisquer propriedades que você possa ver através da inspeção de código que são deixadas de fora desta documentação são para uso interno e você não deve confiar nelas.

Quaisquer tipos de interfaces e serviços públicos também estão incluídos.

Página inicial
Instalação
FormElementsModule
Modalmodule
ProgressBarmodule
DateTimePickermodule
DatAtableModule
CommonModule
Sobre nós
Programa de recompensa
Exemplos ao vivo
Solução de problemas

Breaking mudanças:

As reases 2.0.1 de todos os pacotes são compatíveis com o angular 14+. Se você precisar de uma versão compatível com versões anteriores, consulte os pacotes 1.xy, conforme indicado abaixo.

Observação:
Para projetos que usam o mecanismo de exibição, em vez de Ivy (Angular 10 ~ Angular 12), use a versão a seguir para cada pacote:

@sq-ui/ng-sq-ui: 1.3.3
@sq-ui/ng-datetime-picker: 1.1.2
@sq-ui/ng-sq-common: 1.1.5
@sq-ui/ng-modal: 1.1.2
@sq-ui/ng-dados: 1.1.3

Para projetos que usam versão angular <9, use a versão a seguir para cada pacote:

@sq-ui/ng-sq-ui: 1.1.5
@sq-ui/ng-datetime-picker: 1.1.0
@sq-ui/ng-sq-common: 1.0.3
@sq-ui/ng-modal: 1.0.6
@SQ-UI/NG-DATATABLE: 1.0.3

Instalação

Você pode clonar / baixar este repositório ou instalá -lo como uma dependência de nós.

 npm i @sq-ui/ng-sq-ui@latest --save

-- ou --

 yarn add @sq-ui/ng-sq-ui@latest

Uso

Importe o Ngsquimodule no seu módulo:

 import { NgSqUiModule } from '@sq-ui/ng-sq-ui';

e, em seguida, inclua -o na matriz imports do seu @ngmodule () Decorator:

 @NgModule({
  declarations: [ //... ],
  imports: [
    NgSqUiModule,
    //...
  ],
  //...

NG-SQ-UI não vem com uma fonte específica. Incluindo o tema padrão também é opcional. Consulte a nossa página de exemplos ao vivo.

Precisa de uma grade? Temos você coberto!

Adicione estilos ao angular.json

 "styles" : [
  " src/styles.css " ,
  " ./node_modules/@sq-ui/ng-sq-common/sq-ui-theme.scss " ,
  " ./node_modules/@sq-ui/ng-sq-ui/styles/form-elements.scss " ,
  " ./node_modules/@fortawesome/fontawesome-free/css/fontawesome.min.css " ,
  " ./node_modules/@fortawesome/fontawesome-free/css/solid.min.css " ,
  " ./node_modules/@fortawesome/fontawesome-free/css/regular.min.css " ,
],

Aplique o estilo aos componentes

Para usar nosso estilo, basta adicionar a class="sq" em um elemento pai.

 < body class =" sq " >
  < div class =" row " >
    < sq-input ... > </ sq-input >
  </ div >
</ body >

Dependências

ng-sq-ui depende de:

fontes-de-fonte e imutável.js (ambos serão instalados com NG-SQ-UI)

Experimente localmente

 git clone [email protected]:SQ-UI/ng-sq-ui.git
npm i
npm start

-- ou --

 git clone [email protected]:SQ-UI/ng-sq-ui.git
yarn install
npm start

As bibliotecas são assistidas automaticamente quando você executa npm start :

O compilador TypeScript para este projeto está configurado para procurar as bibliotecas em dist/ e se dist/ não existir, ele se refere ao código -fonte das bibliotecas. É por isso que você deve executar npm start em vez de apenas ng serve --open npm start Remove dist/ (se existir) e, em seguida, executa ng serve --open . Isso prepara o compilador para ouvir alterações nos projects/ diretório.

Apoiar

Use NG-SQ-UI em seu trabalho diário.
Estrela se quiser.
Junte -se a nós no NG Slack ou em nosso canal principal do Sq Slack.
Siga -nos no Twitter para obter as atualizações mais recentes.
Ou simplesmente envie um email para entrar em contato com [em] sq-ui.xyz.
Patrocinador com Devtoken
Dica -nos com morcegos da Brave Awards ou Download Brave

Contribuição

Deseja arquivar um bug, contribuir com algum código ou melhorar a documentação? Leia o nosso guia contribuinte antes de fazer uma solicitação de tração.