Windmillcode Angular CDK
18.2.12000
Willkommen in der Windmillcode Angular Library, einer umfassenden Reihe von Winkelkomponenten, mit denen Sie ansprechende, robuste und benutzerfreundliche Webanwendungen aufbauen können. Diese Bibliothek, auch als Windmillcode Angular Component Development Kit (CDK) bekannt, bietet eine Sammlung wiederverwendbarer UI -Komponenten, die jeweils mit Liebe zum Detail und Leistung gefertigt sind.
{/ * */}
Angular kann eher eine ausführliche Sprache bekommen. Wir wollen Winkel mit Plug & Play -Mentaility mit Plug and Play Jedes Compoonent mit Requisiten wie bei reagieren, diese Requisiten sind eine Klasse, und Sie übergeben einfach die Requisite der Klasse, um die Komponente zu rendern, um die Komponente zu rendern
// app.component.ts
// Standalone there are default values to see how the component works
props = new WMLInputZeroProps ( { } )
// To pass arguments/customize
props = new WMLInputZeroProps ( {
datetime : new WMLInputZeroDatetimeProps ( {
type : "datetime" ,
min = new Date ( "[YOUR BIRTHDAY FOR EXAMPLE]" )
} )
} ) // app.component.html
< wml-input-zero [props] = props >
</ wml-input-zero >Unsere Bibliothek umfasst eine breite Palette von Komponenten, die von UI -Elementen wie Schaltflächen und Eingabefeldern bis hin zu komplexen Konstrukten wie dem Upload von Dateien und Dropdowns reichen. Jede Komponente ist so ausgelegt, dass sie modular ist, sodass es einfach ist, in Ihre vorhandenen Winkelprojekte zu integrieren.
Komponenten sind so konzipiert, dass sie leicht anpassbar und themat werden können, sodass Sie sie mit den Branding- und Designrichtlinien Ihrer Anwendung in Einklang bringen können.
{/ * */}
Internationalisierung - Alle Komponenten sind i18n unter ngx translate kompatibel. Verwenden Sie die Standarddatei en.json in Ihrem Projekt und aktualisieren Sie die i18n -Zeichenfolgen und übergeben Sie die entsprechenden Schlüssel in den Requisiten, die an die Komponentenansicht übergeben werden. Die Premium -Version der Bibliothek anzeigen
Die Windmillcode Angular Library bietet eine Vielzahl von Komponenten, die jeweils bestimmte UI -Anforderungen in Ihren Winkelanwendungen erfüllen. Im Folgenden finden Sie eine Liste der verfügbaren Komponenten sowie kurze Beschreibungen:
Dies ist das grundlegende Paket, auf das sich unsere gesamte Bibliothek konzentriert. Seine Grundlage ist die WMLUIProperty, der sehr grundlegende Baustein einer Anwendung, die für alle JavaScript -Frameworks verwendet werden soll, nicht nur für Angular. Von hier aus werden Pagination, Animation, dynamische Komponenten und mehr gebaut.
Erweitert WML -Komponenten, die für Winkelentwickler basiert. Nützlich, um die Konformität innerhalb der Codebasis zu halten.
Drei JS ist ziemlich schwierig und nicht alles, was Sie für eine Szene benötigen, ist für Sie da. Dies ändert sich mit unserer drei.js -Bibliothek. Unsere Klassen übernehmen die Mathematik- und Physik -Implementierungen, damit Sie sich auf das Hinzufügen und Platzieren von Objekten in die Szene konzentrieren können
Unsere eigene Winkelschematik, um Winkelklassen gemäß unserer Winkelprojektvorlage zu erzeugen
Eine Akkordeonkomponente, mit der Sie Inhalte in einem zusammenklappbaren Format anzeigen können. Es ist nützlich für FAQs, Listen oder Inhalte, die von einer kompakten Präsentation profitieren.
Eine anpassbare Tastekomponente, die in Ihrer Anwendung verwendet werden kann, um Konsistenz und Themen zu gewährleisten.
Eine Karussellkomponente, die die Anzeige mehrerer Gegenstände in einer gleitenden oder rotierenden Art und Weise ermöglicht, perfekt für Galerien oder das Präsentieren mehrerer Produkte.
Eine Komponente, die Eingaben, Attribute oder Aktionen als kompakte Elemente darstellt, die üblicherweise für Tags, Kontaktinformationen oder interaktive Elemente verwendet werden.
Eine Feldkomponente, möglicherweise für Formulare, bietet eine standardisierte Methode zur Eingabe von Daten.
Eine umfassende Komponente für die Bearbeitung von Dateiinteraktionen, einschließlich Hochladen, Herunterladen (im Rückstand) und Anzeige von Dateiinformationen.
Eine Komponente oder ein Satz von Komponenten, die konsistente und funktionale Formulare erstellen, einschließlich verschiedener Formsteuerungen.
Eine Dropdown -Komponente, die unendlich erweitert wird. Ideal für Menüs mit einer großen Menge an Navigationsinhalten
Eine vielseitige Eingabekomponente für Formulare, die eine einheitliche Möglichkeit bietet, Benutzereingaben zu sammeln.
Eine Navigationskomponente, die speziell für mobile Benutzeroberflächen entwickelt wurde und ein optimiertes Menü für kleinere Bildschirme bietet.
Eine Benachrichtigungskomponente, mit der Sie Benachrichtigungen, Nachrichten oder andere wichtige Informationen an Benutzer anzeigen können.
Eine Komponente, die eine Reihe wählbarer Optionen bietet, möglicherweise als erweiterter Dropdown- oder ausgewählter Komponente.
Eine Flyout -Komponentenkomponente zur Bereitstellung von Auxillarinhalten, Informationen oder Steuerelementen, die häufig in Dashboards oder als Teil komplexer Schnittstellen verwendet werden.
Eine benutzerdefinierte Ladekomponente
Eine Komponente zum Anzeigen von Pop-up-Inhalten wie Modalen, Dialogen oder Tooltips.
Eine ausgewählte Komponente, die eine Dropdown -Liste von Optionen zur Auswahl bietet.
Basierend auf JQuery SliceBox, die eine flüssigere Fluidmethode zur Implementierung eines Karussells
Eine Tabellenkomponente zum Anzeigen von Tabellaten mit Funktionen wie Sortierung, Filterung und Pagination.
Eine Komponente zum Erstellen von Registerkarten -Schnittstellen, mit der Benutzer zwischen verschiedenen Ansichten oder Inhaltsabschnitten im selben Kontext wechseln können.
Eine Toggle -Switch -Komponente, die den Benutzern eine intuitive Möglichkeit bietet, binäre Auswahlmöglichkeiten zu treffen, z. B. Einstellungen aktivieren/deaktivieren.
Jede Komponente wird so gestaltet, dass sie die spezifischen Benutzeroberflächenanforderungen befriedigen und gleichzeitig die Konsistenz und einfache Integration in Ihre Winkelprojekte sicherstellen. Weitere detaillierte Informationen zu jeder Komponente, einschließlich Verwendungsbeispielen und Konfigurationsoptionen, finden Sie in der detaillierten Dokumentation der Bibliothek.
Jede Komponente wird mit Details zur Verwendung der Verwendung, der Eingangs-/Ausgabeeigenschaften und Ereignisemitter dokumentiert. Um tiefer in eine bestimmte Komponente eintauchen, lesen Sie den Abschnitt "Readme.MD".
** Arbeit in Arbeit ** Wir begrüßen Beiträge zur Windmillcode Angular Library! Egal, ob neue Komponenten hinzugefügt, vorhandene oder melden, Ihre Beiträge sind für uns wertvoll. Bitte beachten Sie unsere Beitragsrichtlinien, bevor Sie eine Pull -Anfrage stellen.
cd projects/[desired project]
npx ng build --watch # wait for project to appear in dist
cd dist/[desired project]
npm linkIm Verbraucher müssen Sie den Verbraucher im Verbraucher tsconfig.json den Weg hinzufügen
"[FULL LIBRARY NAME FROM PACKAGE.JSON]" : [
" [PATH TO REPO GENERATED DIST]/[LIBRAY FOLDER NAME] "
],
// EXAMPLE
"@windmillcode/angular-wml-slicebox" : [
" ../../../../windmillcode-Angular-CDK/dist/wml-slicebox "
],Die Windmillcode Winkelbibliothek ist MIT lizenziert.
Wenn Sie Fragen oder Feedback haben, besuchen Sie uns bitte in Zwietracht. Wir wollen immer unsere Bibliothek verbessern und der Entwicklergemeinschaft helfen.
Genießen Sie es, mit der Windmillcode Angular Library zu bauen!
