dile components

Dile -Komponenten v2

Dies ist der "Dile Components" Catalog Monorepo, eine Bibliothek mit benutzerdefinierten Elementen, die auf LIT- und Webkomponenten basieren.

Wenn Sie nach der vorherigen Version dieses Komponentenkatalogs suchen, finden Sie sie in diesem Repository: https://github.com/polydile/components-legacy

Pakete in diesem Repository

• @dile/ui : Komponenten zum Erstellen gängiger Benutzeroberflächen wie Schaltflächen, Dialoge, benutzerdefinierten Formularelemente usw.
• @dile/utils : Komponenten, die nützliche Funktionen für die Webentwicklung bieten.
• @dile/icons : Vorlagen zum Implementieren von SVG -Symbeln in Ihren Komponenten.
• @dile/editor : Ein Markdown Wysiwyg (was Sie sehen, ist, was Sie bekommen) Editor für das Web.
• @dile/crud : Anpassbare generische CRUD -Komponenten.

Befolgen Sie diese Schritte, um diese Komponentenbibliothek zu verwenden.

Installation

Installieren Sie zuerst das Repository, in dem sich die gewünschte Komponente befindet. Installieren Sie beispielsweise die Benutzeroberflächenelemente, um die Benutzeroberflächen -Elemente zu verwenden, @dile/ui zu verwenden:

npm install @dile/ui

Komponentenverbrauch

Um eine Komponente aus dieser Bibliothek zu verwenden, müssen Sie das von Ihnen benötigte Element importieren. Verwenden Sie beispielsweise das Toast -Feedback -Element, um den folgenden Import zu verwenden:

 import '@dile/ui/components/toast/toast' ;

Nach dem Import können Sie die Komponente in Ihrer Anwendung wie SO verwenden:

 < dile-toast > </ dile-toast > 

Vollständige Dokumente

Sie finden eine vollständige Liste der benutzerdefinierten Elemente sowie ihre Eigenschaften, Methoden, Ereignisse und Beispiele auf der Website der Dile-Komponenten:

https://dile-components.polydile.com

Beitragen

Wenn Sie eine Komponente in dieser Bibliothek veröffentlichen möchten, finden Sie eine vollständige Anleitung, um die Komponentenorganisation zu verstehen.