empathy

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

Composants légers du panneau d'administration construits avec Tailwindcss, PurgeCSS, Vuejs, Fontawesome 5

Pourquoi empathy ?

empathy est un package basé sur des composants. Il peut fonctionner sans problème avec toutes les langues backend. Il est principalement construit à l’aide des utilitaires CSS Tailwindcss. C'est différent car cela ne vous oblige pas à cloner le référentiel avant de démarrer votre projet comme les autres panneaux d'administration. Tout ce dont vous avez besoin est votre package.json et votre bundler d'actifs. Installez le package à partir de NPM, configurez les composants principaux, configurez les autres composants souhaités (de manière entièrement personnalisée) et vous avez terminé. Avec purgeCSS, vous pouvez obtenir un résultat léger et de petite taille.

Composants

1. Composant barre de navigation.
2. Composant de pied de page.
3. Composant de panneau.
4. Composant de fil d'Ariane.
5. Composants de formulaire.
6. Composants d'alerte.
7. Composants du bouton.
8. Composant de notification.
9. Composant de tableau.
10. Composant DataTable.
11. Ajoutez un nouveau composant .

installation

Installer avec NPM :

$ npm install @codolog/ empathy --save

Ou si vous aimez le fil :

$ yarn add @codolog/ empathy 

Documents et démo

La documentation : https://empathy.js.org.
La démo : https://empathy.js.org/demo.

Dépendances

empathy dépend des outils suivants :

1. Bibliothèque Tailwindcss.
2. Cadre JavaScript Vue.
3. PurgeCSS pour réduire la taille du fichier CSS.
4. Fontawesome 5 icônes.
5. vue-slideout Vue.
6. plugin Vue vue-slide-up-down .
7. vue-notification Plugin Vue.
8. plugin Vue vue-good-table .
9. webfontloader pour charger les polices.

Contribuer

Vous pouvez contribuer et ajouter votre composant préféré au package en ouvrant un nouveau numéro avec un exemple avant de faire une pull request. si vous avez également trouvé un bug, envoyez-moi une pull request.
Les contributions sont également les bienvenues en créant les composants avec un autre framework javascript.

Licence

Ce projet est sous licence MIT.
Projet d'Abdalla Arbab.