Que souhaitez-vous savoir

Découvrez comment personnaliser réellement votre application grâce aux personnalisations de thèmes et de fonctionnalités dans KendoReact.

Soyons honnêtes une seconde : même lorsque vous utilisez une bibliothèque de composants pour votre projet, vous ne souhaitez généralement pas qu’elle le fasse. regarder comme si vous utilisiez une bibliothèque de composants. Je veux dire par là que vous ne voulez pas que votre application ait cette sensation par défaut fraîchement sortie de la boîte qui la fait paraître identique à toutes les autres applications.

Personnalisation des composants peut aller de l’ajustement des options d’interaction à l’application d’une nouvelle couche de peinture. Il n’existe pas d’approche universelle, car le concept même de personnalisation signifie que les composants doivent être intrinsèquement flexibles et adaptables.

Heureusement, KendoRéagir (et l’ensemble Suite d’interface utilisateur Kendo) excelle dans ce domaine. Il y a un tonne Il existe différentes manières de personnaliser vos composants KendoReact, mais en général, ils se répartissent en deux catégories principales : thématisation et Fonctionnalité personnalisations.

Thématisation

Les personnalisations thématiques concernent exclusivement l’apparence et la convivialité des composants, et non leur fonctionnement, la manière dont les utilisateurs interagissent avec eux ou ce qu’ils font.

Cependant, il ne faut pas commettre l’erreur de penser que les personnalisations thématiques sont purement décoratives : le thème UI d’un composant compte beaucoup ! La personnalisation d’un thème peut avoir un impact sur tout, de accessibilité à la reconnaissance de la marque. Un thème unique et bien conçu peut faire passer une application d’un projet parallèle à un produit réussi !

Il existe plusieurs manières pour les développeurs de personnaliser le thème de leurs composants KendoReact : via le Variables insolentesle Kits Figmanotre prêt-à-porter Échantillons ou le WYSIWYG, sans code, Générateur de thèmes outil! Quelle option est la meilleure Cela dépendra de votre équipe et de votre projet, mais nous garantissons que quel que soit votre choix, il s’agira d’un processus simple et intuitif.

Si vous souhaitez approfondir ce sujet, consultez ces articles connexes :

Fonctionnalité

Les personnalisations des fonctionnalités gèrent le comportement du composant : ce qu’il peut faire, comment l’utilisateur peut l’utiliser et bien plus encore ! Au-delà de la possibilité de modifier l’interface utilisateur pour inclure différentes options d’interaction (comme l’ajout d’un nouveau bouton pour une fonction d’exportation ou d’une nouvelle liste déroulante pour une fonction de filtrage), cela ne changera pas l’apparence du composant.

Étant donné que chaque composant KendoReact est construit de manière réfléchie et intentionnelle dans React, les options de personnalisation seront différentes pour chacun. Dans la plupart des cas, les composants KendoReact sont personnalisés soit en ajoutant différents composants enfants, soit en transmettant différentes propriétés.

Par exemple, vous pouvez personnaliser notre Graphique composant par mise en œuvre des lignes de tendancequi est ajouté en tant qu’enfant ChartSeriesItem composants au sein du parent Chart composant. Cependant, si vous voulez ajouter une fonction de filtrage au composant ExcelExportcela se produit en définissant le filterable propriété à vrai !

Pour voir comment vous pouvez personnaliser le composant KendoReact avec lequel vous travaillez, recherchez simplement la section API dans le Documentation– il y en a un pour chaque composant.

Soyons personnalisés !

Et voilà : un aperçu de haut niveau des différentes approches pour apporter des ajustements à chaque composant KendoReact. Que vous souhaitiez ajouter des étiquettes supplémentaires à une carte, activer l’affichage rapide d’un sélecteur de date ou donner à l’ensemble de votre bibliothèque de composants une nouvelle palette de couleurs, KendoReact est conçu pour être personnalisé.

Après tout, l’intérêt d’une bibliothèque de composants est de vous faire gagner du temps et des efforts ! Si une bibliothèque vous permet de consacrer moins de temps au développement des composants de base, mais nécessite ensuite *plus* du temps pour la personnalisation… avez-vous réellement gagné du temps ?

Les bibliothèques de composants de Kendo UI combinent forme et fonction, offrant plus de 100 composants intuitifs et riches en fonctionnalités, tous hautement personnalisables et conçus en tenant compte de l’expérience du développeur et du concepteur. Si vous n’utilisez pas déjà un Bibliothèque de composants de l’interface utilisateur Kendovous pouvez en essayer un gratuitement pendant 30 jours !

Essayez maintenant