Windmillcode Angular CDK
18.2.12000
Bienvenue à la bibliothèque angulaire de WindMillcode, une suite complète de composants angulaires conçus pour vous aider à créer des applications Web engageantes, robustes et conviviales. Cette bibliothèque, également connue sous le nom de Kit de développement de composants angulaires (CDK) de code d'éolien (CDK, fournit une collection de composants d'interface utilisateur réutilisables, chacun fabriqué avec une attention aux détails et aux performances.
{/ * * /}
Angular peut obtenir plutôt un langage verbeux que nous visons à simplifier Angular avec Plug and Play Mentaility avec Plug and Play Every Compoonent a ses accessoires comme pour réagir ces accessoires est une classe et vous passez simplement le complexe de la classe pour rendre le composant
// 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 >Notre bibliothèque comprend un large éventail de composants, allant des éléments d'interface utilisateur comme des boutons et des champs d'entrée à des constructions complexes comme le téléchargement de fichiers et les déroutes. Chaque composant est conçu pour être modulaire, ce qui facilite l'intégration dans vos projets angulaires existants.
Les composants sont conçus pour être facilement personnalisables et thématiques, vous permettant de les aligner sur les directives de marque et de conception de votre application. VIA modifiant les variables CSS spécifiques à chaque composant Vous pouvez obtenir un contrôle granulaire sur l'apparence et la sensation des composants.
{/ * * /}
Internationalisation - Tous les composants sont compatibles I18N sous le translage NGX. Utilisez le fichier par défaut en.json dans votre projet et mettez à jour et passez les chaînes i18n aux clés appropriées dans les accessoires qui sont transmis au composant Afficher la version premium de la bibliothèque
La bibliothèque Angular WindMillcode propose une gamme diversifiée de composants, chacun conçu pour répondre aux exigences d'interface utilisateur spécifiques dans vos applications angulaires. Vous trouverez ci-dessous une liste des composants disponibles ainsi que de brèves descriptions:
C'est le package fondamental sur lequel toute notre bibliothèque se concentre. Sa fondation est la WMLUiproperty Le bloc de construction très basique de toute application destinée à être utilisé pour tous les cadres JavaScript, pas seulement angulaires. De là, la base de la pagination, de l'animation, des composants dynamiques et d'autres sont construites.
Étend les composants WML basés pour être gardés pour les développeurs angulaires. Utile pour maintenir la conformité dans la base de code.
Trois JS sont plutôt utiles et tout ce dont vous avez besoin pour créer une scène est là pour vous, cela change avec notre bibliothèque Three.js. Nos classes gèrent les implémentations mathématiques et physiques afin que vous puissiez vous concentrer sur l'ajout et la mise en place d'objets dans la scène
Nos propres schémas angulaires pour générer des classes angulaires selon notre modèle de projet angulaire
Un composant accordéon qui vous permet d'afficher le contenu dans un format pliable. Il est utile pour les FAQ, les listes ou tout contenu qui bénéficie d'une présentation compacte.
Un composant de bouton personnalisable qui peut être utilisé sur votre application, garantissant la cohérence et la théabilité.
Un composant de carrousel qui permet l'affichage de plusieurs articles de manière glissante ou rotative, parfaite pour les galeries ou mettant en valeur plusieurs produits.
Un composant qui représente l'entrée, les attributs ou les actions en tant qu'éléments compacts, couramment utilisés pour les balises, les informations de contact ou les éléments interactifs.
Un composant de champ, potentiellement pour les formulaires, fournissant un moyen standardisé de saisir les données.
Un composant complet pour gérer les interactions de fichiers, y compris le téléchargement, le téléchargement (dans le backlog) et l'affichage des informations de fichier.
Un composant ou un ensemble de composants conçu pour créer des formes cohérentes et fonctionnelles, y compris divers contrôles de formulaire.
Un composant déroulant qui se développe à l'infini. Idéal pour les menus avec une grande quantité de contenu de navigation
Un composant d'entrée polyvalent pour les formulaires, fournissant un moyen uniforme de collecter les entrées utilisateur.
Un composant de navigation conçu spécifiquement pour les interfaces utilisateur mobile, fournissant un menu optimisé pour les écrans plus petits.
Un composant de notification, vous permettant d'afficher des alertes, des messages ou d'autres informations importantes aux utilisateurs.
Un composant qui fournit un ensemble d'options sélectionnables, peut-être comme un composant plus avancé ou de sélection.
Un composant Flyout composant utilisé pour fournir du contenu, des informations ou des contrôles auxiliaires, souvent utilisés dans les tableaux de bord ou dans le cadre d'interfaces complexes.
Un composant de chargement personnalisé
Un composant pour afficher le contenu contextuel, tels que les modaux, les dialogues ou les infractions.
Un composant sélectionné qui fournit une liste déroulante des options parmi lesquelles les utilisateurs à choisir.
Basé sur jQuery Slicebox plus fluide de mise en œuvre d'un carrousel
Un composant de table conçu pour afficher des données tabulaires, avec des fonctionnalités comprenant le tri, le filtrage et la pagination.
Un composant pour créer des interfaces à onglets, permettant aux utilisateurs de basculer entre différentes vues ou sections de contenu dans le même contexte.
Un composant de commutateur à bascule, offrant aux utilisateurs un moyen intuitif de faire des choix binaires, tels que l'activation / désactiver les paramètres.
Chaque composant est fabriqué pour répondre aux besoins spécifiques de l'interface utilisateur tout en garantissant la cohérence et la facilité d'intégration dans vos projets angulaires. Pour des informations plus détaillées sur chaque composant, y compris des exemples d'utilisation et des options de configuration, reportez-vous à la documentation détaillée de la bibliothèque.
Chaque composant est documenté avec des détails sur la façon de l'utiliser, ses propriétés d'entrée / sortie et d'émetteurs d'événements. Pour plonger plus profondément dans un composant spécifique, reportez-vous à sa section de documentation ReadMe.MD.
** Travail en cours ** Nous accueillons les contributions à la bibliothèque angulaire de WindMillcode! Qu'il s'agisse d'ajouter de nouveaux composants, d'améliorer ceux existants ou de signaler des bogues, vos contributions sont précieuses pour nous. Veuillez vous référer à nos directives de contribution avant de faire une demande de traction.
cd projects/[desired project]
npx ng build --watch # wait for project to appear in dist
cd dist/[desired project]
npm linkChez le consommateur, vous avez besoin d'ajouter le chemin à la dist dans les consommateurs tsconfig.json
"[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 "
],La bibliothèque angulaire de code WindMills est sous licence MIT.
Si vous avez des questions ou des commentaires, veuillez vous joindre à nous dans Discord. Nous cherchons toujours à améliorer notre bibliothèque et à aider la communauté des développeurs.
Profitez de la construction avec la bibliothèque angulaire de code de moulin à vent!
