dile components

Dile Composants V2

Il s'agit du catalogue "Dile-Components" Monorepo, une bibliothèque d'éléments personnalisés basés sur des composants allumés et Web.

Si vous recherchez la version précédente de ce catalogue de composants, vous pouvez le trouver dans ce référentiel: https://github.com/polydile/components-legacy

Packages dans ce référentiel

• @dile/ui : composants pour créer des interfaces utilisateur courantes, telles que des boutons, des boîtes de dialogue, des éléments de formulaire personnalisés, etc.
• @dile/utils : composants qui fournissent des fonctionnalités utiles pour le développement Web.
• @dile/icons : modèles d'implémentation d'icônes SVG dans vos composants.
• @dile/editor : un éditeur de Markdown Wysiwyg (ce que vous voyez est ce que vous obtenez) pour le Web.
• @dile/crud : composants de crud génériques personnalisables.

Pour utiliser cette bibliothèque de composants, suivez ces étapes.

Installation

Installez d'abord le référentiel où se trouve le composant souhaité. Par exemple, pour utiliser les éléments personnalisés de l'interface utilisateur, installez @dile/ui :

npm install @dile/ui

Utilisation des composants

Pour utiliser un composant de cette bibliothèque, vous devez importer l'élément dont vous avez besoin. Par exemple, pour utiliser l'élément de rétroaction de toast, utilisez l'importation suivante:

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

Après l'importation, vous pouvez utiliser le composant dans votre application comme tel:

 < dile-toast > </ dile-toast > 

Compléter les documents

Vous trouverez une liste complète des éléments personnalisés, ainsi que leurs propriétés, méthodes, événements et exemples sur le site Web Dile-Components:

https://dile-components.polydile.com

Contribuer

Si vous aimez contribuer la publication d'un composant à cette bibliothèque, vous trouverez un guide complet pour comprendre l'organisation des composants.