ng sq ui - ng sq ui

ng sq ui

Componentes de terceros

Updated to angular 12.2.4 + bug fixes

Descargar

Ng-sq-ui

Kit de interfaz de usuario de calidad simple para Angular

¡Construido por desarrolladores para desarrolladores!

Documento

Encontrará una descripción de la API pública para cada componente. Los componentes se agrupan por módulos. Cualquier propiedad que pueda ver a través de la inspección del código que queda fuera de esta documentación son para uso interno y no debe confiar en ellas.

También se incluye cualquier tipo de interfaces y servicios públicos.

Página de inicio
Instalación
Formelementsmodule
Modalmódulo
Progressparmodule
DatetImepickermodule
DataBlEmodule
Módulo común
Sobre nosotros
Programa de recompensas
Ejemplos en vivo
Solución de problemas

Cambios de ruptura:

Los relebidos 2.0.1 de todos los paquetes son compatibles con Angular 14+. Si necesita una versión compatible con retroceso, consulte los paquetes 1.xy, como se indica a continuación.

Nota:
Para los proyectos que usan el motor View, en su lugar, Ivy (Angular 10 ~ Angular 12), utilice la siguiente versión para cada paquete:

@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-datatable: 1.1.3

Para los proyectos que usan la versión angular <9, use la siguiente versión para cada paquete:

@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-datatatable: 1.0.3

Instalación

Puede clonar / descargar este repositorio o instalarlo como una dependencia del nodo.

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

-- o --

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

Uso

Importe el NGSQUIMODULE en su módulo:

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

y luego inclúyalo en la matriz imports de su decorador @ngmodule ():

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

NG-SQ-UI no viene con una fuente específica. Incluir el tema predeterminado también es opcional. Consulte nuestra página de ejemplos en vivo.

¿Necesitas una cuadrícula? ¡Te tenemos cubierto!

Agregar estilos a 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 " ,
],

Aplicar un estilo a los componentes

Para usar nuestro estilo solo agregue la class="sq" en un elemento principal.

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

Dependencias

NG-SQ-UI depende de:

Font-Awesome e Immutable.js (ambos se instalarán con NG-SQ-UI)

Pruébalo localmente

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

-- o --

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

Las bibliotecas se observan automáticamente cuando ejecuta npm start :

El compilador TypeScript para este proyecto está configurado para buscar las bibliotecas en dist/ y si dist/ no existe, se refiere al código fuente de las bibliotecas. Es por eso que debe ejecutar npm start en lugar de solo ng serve --open npm start elimina dist/ (si existe) y luego ejecuta ng serve --open . Esto prepara al compilador para escuchar los cambios en los projects/ directorio.

Apoyo

Use NG-SQ-UI en su trabajo diario.
Estrella si quieres.
Únase a nosotros en NG Slack o nuestro canal principal SQ Slack.
Síganos en Twitter para obtener las últimas actualizaciones.
O simplemente envíe un correo electrónico para contactar [at] sq-ui.xyz.
Patrocinador con Devtoken
Respales con Bat de Brave Awards o Descargar Brave

Contribución

¿Quiere presentar un error, contribuir con algún código o mejorar la documentación? Lea en nuestra guía de contribución antes de hacer una solicitud de extracción.