ng sq ui Download - ng sq ui UI Quellcode Download

ng sq ui

Komponenten von Drittanbietern

Updated to angular 12.2.4 + bug fixes

Herunterladen

Ng-sq-ui

Einfach Qualitäts -UI -Kit für Angular

Entwickelt von Entwicklern für Entwickler!

Dokumente

Für jede Komponente finden Sie eine Beschreibung der öffentlichen API. Die Komponenten werden nach Modulen gruppiert. Alle Eigenschaften, die Sie durch Code -Inspektion sehen können, die aus dieser Dokumentation ausgeschlossen sind, sind für den internen Gebrauch und Sie sollten sich nicht auf sie verlassen.

Alle Arten von öffentlichen Schnittstellen und Dienstleistungen sind ebenfalls enthalten.

Startseite
Installation
FormelementsModule
Modalmodul
ProgressBarmodule
Datetimepickermodule
DataTablemodule
CommonModule
Über uns
Kopfgeldprogramm
Live -Beispiele
Fehlerbehebung

Veränderungen brechen:

Die 2.0.1 -Relasen aller Pakete sind mit Angular 14+ kompatibel. Wenn Sie eine rückwärtskompatible Version benötigen, lesen Sie bitte 1.XY-Pakete, wie unten angegeben.

Notiz:
Für Projekte, die die View Engine verwenden, statt Ivy (Angular 10 ~ Angular 12) verwenden Sie die folgende Version für jedes Paket:

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

Für Projekte, die Angular Version <9 verwenden, verwenden Sie die folgende Version für jedes Paket:

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

Installation

Sie können dieses Repo klonen / herunterladen oder als Knotenabhängigkeit installieren.

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

-- oder --

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

Verwendung

Importieren Sie die NGSquimodule in Ihr Modul:

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

Fügen Sie es dann in das imports -Array Ihres @ngmodule () -Dekorators auf:

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

NG-SQ-UI wird nicht mit einer bestimmten Schriftart geliefert. Das Einbeziehen des Standardthemas ist ebenfalls optional. Siehe Seite Live -Beispiele.

Benötigen Sie ein Raster? Wir haben Sie gedeckt!

Fügen Sie Styles zu Angular.json hinzu

 "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 " ,
],

Wenden Sie das Styling auf die Komponenten an

Um unser Styling zu verwenden, fügen Sie einfach die class="sq" einem übergeordneten Element hinzu.

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

Abhängigkeiten

ng-sq-ui hängt von:

Schriftart und unveränderlich.js (beide werden mit ng-sq-ui installiert)

Probieren Sie es lokal aus

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

-- oder --

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

Die Bibliotheken werden automatisch beobachtet, wenn Sie npm start ausführen:

Der Typscript -Compiler für dieses Projekt ist so konfiguriert, dass sie nach den Bibliotheken unter dist/ / dist/ nicht existiert, er bezieht sich auf den Quellcode der Bibliotheken. Aus diesem Grund sollten Sie npm start anstelle von ng serve --open ausführen -open npm start entfernt dist/ (falls vorhanden) und läuft dann ng serve --open . Dies bereitet den Compiler darauf vor, Änderungen im Rahmen der projects/ des Verzeichnisses zuzuhören.

Unterstützung

Verwenden Sie NG-SQ-UI in Ihrer täglichen Arbeit.
Sterne es an, wenn du willst.
Begleiten Sie uns auf NG Slack oder in unserem Haupt -SQ Slack -Kanal.
Folgen Sie uns auf Twitter, um die neuesten Updates zu erhalten.
Oder senden Sie einfach eine E-Mail, um [at] Sq-ui.xyz zu kontaktieren.
Sponsor mit DevToken
Tippen Sie uns mit Fledermaus von Brave Awards oder laden Sie Brave herunter

Beitrag

Möchten Sie einen Fehler einreichen, einen Code beisteuern oder die Dokumentation verbessern? Lesen Sie unseren Beitragsführer, bevor Sie eine Pull -Anfrage stellen.