empathy

Empathie " title=" empathy " width="350" style="max-width: 100%;">

Leichte Admin-Panel-Komponenten, erstellt mit Tailwindcss, PurgeCSS, Vuejs, Fontawesome 5

Warum empathy ?

empathy ist ein komponentenbasiertes Paket. Es funktioniert problemlos mit jeder Backend-Sprache. Es wird hauptsächlich mit den CSS-Dienstprogrammen von Tailwindcss erstellt. Der Unterschied besteht darin, dass Sie das Repository nicht wie bei anderen Admin-Panels klonen müssen, bevor Sie Ihr Projekt starten. Sie benötigen lediglich Ihre package.json und Ihren Assets-Bundler. Installieren Sie das Paket von NPM, richten Sie die Hauptkomponenten ein, richten Sie die gewünschten anderen Komponenten ein (auf vollständig individuelle Weise) und schon sind Sie fertig. Mit purgeCSS können Sie ein leichtes und kleines Ergebnis erzielen.

Komponenten

1. Navbar-Komponente.
2. Fußzeilenkomponente.
3. Panel-Komponente.
4. Breadcrumb-Komponente.
5. Formbestandteile.
6. Alarmkomponenten.
7. Knopfkomponenten.
8. Benachrichtigungskomponente.
9. Tischkomponente.
10. DataTable-Komponente.
11. Fügen Sie eine neue Komponente hinzu .

Installation

Mit NPM installieren:

$ npm install @codolog/ empathy --save

Oder wenn Sie Garn mögen:

$ yarn add @codolog/ empathy 

Dokumente und Demo

Die Dokumentation: https://empathy.js.org.
Die Demo: https://empathy.js.org/demo.

Abhängigkeiten

empathy hängt von den nächsten Werkzeugen ab:

1. Tailwindcss-Bibliothek.
2. Vue JavaScript-Framework.
3. PurgeCSS zur Reduzierung der CSS-Dateigröße.
4. Fontawesome 5 Symbole.
5. vue-slideout Vue-Plugin.
6. vue-slide-up-down Vue-Plugin.
7. vue-notification Vue-Plugin.
8. vue-good-table Vue-Plugin.
9. webfontloader zum Laden von Schriftarten.

Machen Sie mit

Sie können einen Beitrag leisten und Ihre Lieblingskomponente zum Paket hinzufügen, indem Sie eine neue Ausgabe mit einem Beispiel öffnen, bevor Sie eine Pull-Anfrage stellen. Wenn Sie auch einen Fehler gefunden haben, senden Sie mir eine Pull-Anfrage.
Auch Beiträge sind willkommen, indem die Komponenten mit einem anderen Javascript-Framework erstellt werden.

Lizenz

Dieses Projekt ist MIT-lizenziert.
Projekt von Abdalla Arbab.