ng sq ui Download - ng sq ui Source Code Download

ng sq ui

Composants tiers

Updated to angular 12.2.4 + bug fixes

Télécharger

NG-SQ-UI

Kit d'interface utilisateur de qualité simple pour angulaire

Construit par les développeurs pour les développeurs!

Docs

Vous trouverez une description de l'API publique pour chaque composant. Les composants sont regroupés par modules. Toutes les propriétés que vous pouvez voir via l'inspection du code qui sont laissées de côté à partir de cette documentation sont pour une utilisation interne et vous ne devez pas compter sur elles.

Tous les types d'interfaces et de services publics sont également inclus.

Page d'accueil
Installation
Module de formation
Modalmodule
Progress-barmodule
Datetimepickmodule
DatatableModule
Module commun
À propos de nous
Programme de primes
Exemples en direct
Dépannage

Changements de rupture:

Les redouts 2.0.1 de tous les packages sont compatibles avec Angular 14+. Si vous avez besoin d'une version compatible en arrière, veuillez vous référer aux packages 1.Xy, comme indiqué ci-dessous.

Note:
Pour les projets qui utilisent le moteur View, plutôt Ivy (Angular 10 ~ Angular 12), veuillez utiliser la version suivante pour chaque package:

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

Pour les projets qui utilisent la version angulaire <9, veuillez utiliser la version suivante pour chaque package:

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

Installation

Vous pouvez cloner / télécharger ce dépôt ou l'installer comme dépendance de nœud.

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

-- ou --

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

Usage

Importez le ngsquimodule dans votre module:

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

puis l'inclure dans le tableau imports de votre décorateur @ngmodule ():

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

NG-SQ-UI n'est pas livré avec une police spécifique. L'inclusion du thème par défaut est également facultatif. Reportez-vous à notre page Exemples en direct.

Besoin d'une grille? Nous vous avons couvert!

Ajouter des styles à 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 " ,
],

Appliquer le style aux composants

Pour utiliser notre style, ajoutez simplement le class="sq" sur un élément parent.

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

Dépendances

NG-SQ-UI dépend de:

Font-Awesome et Immutable.js (les deux seront installés avec NG-SQ-UI)

Essayez-le localement

 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

Les bibliothèques sont surveillées automatiquement lorsque vous exécutez npm start :

Le compilateur TypeScript de ce projet est configuré pour rechercher les bibliothèques sous dist/ et si dist/ n'existe pas, il fait référence au code source des bibliothèques. C'est pourquoi vous devriez exécuter npm start au lieu de simplement ng serve --open - npm start supprime dist/ (s'il existe), puis exécute ng serve --open . Cela prépare le compilateur à écouter les modifications sous les projects/ répertoires.

Soutien

Utilisez NG-SQ-UI dans votre travail quotidien.
Sturez -le si vous le souhaitez.
Rejoignez-nous sur NG Slack ou notre principal canal SQ Slack.
Suivez-nous sur Twitter pour obtenir les dernières mises à jour.
Ou envoyez simplement un e-mail pour contacter [à] SQ-UI.xyz.
Sponsor avec DevToken
Astuce-nous avec la chauve-souris de Brave Awards ou Download Brave

Contribution

Vous souhaitez déposer un bogue, contribuer du code ou améliorer la documentation? Lisez notre guide de contribution avant de faire une demande de traction.