Fermer

mai 12, 2021

Nouveautés de l'interface utilisateur de Kendo pour Vue avec R2 2021


La version R2 2021 de l'interface utilisateur de Kendo pour Vue est arrivée, apportant six nouveaux composants d'interface utilisateur natifs pour Vue, y compris les composants Button, Floating Action Button et Upload.

La version R2 2021 de l'interface utilisateur de Kendo pour Vue est ici et avec elle vient une grande liste de nouveaux composants d'interface utilisateur natifs pour Vue. Voyons les nouveautés de Kendo UI pour Vue avec R2 2021.

Nouveaux composants

Nouveau composant: Button

Kendo UI pour Vue Button Component offre une variété de boutons, y compris: Basic Button, qui montre un bouton gris rectangulaire avec un texte noir indiquant «Cliquez sur moi!»; Boutons stylisés qui affichent deux boutons, l'un rose avec un texte gris clair lisant «Bouton principal» et l'autre avec la lecture inverse «Bouton texte rouge»; Boutons avec des icônes montrant trois boutons rectangulaires gris, un avec un drapeau néerlandais (rayures horizontales rouges, blanches, bleues) et le mot `` Sprite '', un avec une icône en forme d'entonnoir et le mot `` Icône '', et un troisième avec une image de snowboarder simplifiée et les mots «Image Url»; et un bouton désactivé, qui ressemble beaucoup au bouton standard mais son texte (bouton désactivé) est grisé.

Chaque application a besoin d'un bouton à un moment donné – c'est le principal moyen pour les utilisateurs d'effectuer une action dans nos applications Vue . Avec R2 2021, Kendo UI for Vue a ajouté un nouveau composant Button natif, qui peut inclure uniquement du texte, juste des icônes ou les deux. Bien sûr, l'aspect et la convivialité du bouton Vue sont également entièrement personnalisables.

Cliquez ici pour accéder à la nouvelle Kendo UI pour les démos des composants Vue Button .

Nouveau composant: ButtonGroup

Trois boutons côte à côte et chacun a un symbole correspondant: Gras, Italique, Souligné. Le bouton Gras est rose avec du texte gris clair, ce qui suggère qu'il est sélectionné. Les deux autres sont gris clair avec du texte sombre.

En allant un peu plus loin du bouton Vue, le nouveau composant Kendo UI pour Vue ButtonGroup peut aider à gérer un ensemble de boutons appartenant à un seul groupe. Cela peut vous aider à gérer des éléments tels que le contrôle des boutons actuellement activés ou à vous assurer qu'un seul bouton d'un groupe est interagi avec.

Voici un lien direct vers la nouvelle interface native de Kendo Kendo UI pour les documents et démos du composant Vue ButtonGroup .

Nouveaux composants: Bouton d'action flottant

Interface utilisateur Kendo pour le composant Bouton d'action flottant Vue. Un bouton rond rose avec l'icône de partage est cliqué. Il fait apparaître les noms et images de trois personnes, et le bouton se transforme en X.

Poursuivant la tendance à ajouter des éléments de bouton avec R2 2021, Kendo UI pour Vue présente également le bouton d'action flottant Vue. Trouvé dans les applications de bureau et mobiles, le bouton d'action flottant Vue permet aux utilisateurs d'exécuter une seule action, généralement quelque chose comme composer un nouvel e-mail ou ajouter une nouvelle entrée. Il est également possible de créer à la place un «numéro abrégé» qui élargit une liste d'éléments d'action chaque fois que l'élément principal du bouton d'action flottant est en interaction avec.

Pour voir comment vous pouvez ajouter ce nouveau composant à vos applications Vue aujourd'hui, consultez Kendo UI pour les démos du bouton d'action flottant Vue .

Nouveau composant: Chip

Kendo UI pour Vue Chip Component montre cinq puces, semblables à des boutons, qui sont des rectangles arrondis. Chacun a une icône d'épingle de carte sur la gauche et un bouton X sur la droite. Ils sont None en gris, Success en vert, Info en bleu, Error en rouge et Warning en jaune.

Le nouveau composant Vue Chip est un excellent composant d'interface utilisateur pour compléter la liste des éléments natifs de l'interface utilisateur de Vue. Les puces sont très flexibles et peuvent être conçues pour s'adapter aux exigences de conception de toute application et peuvent inclure un mélange de texte et même d'icônes dans leur contenu.

Voici un lien rapide vers la nouvelle Kendo UI pour les démos des composants Vue Chip .

Nouveau composant: ChipList

Le texte «Commander un repas» a des options en dessous pour la pizza, les sushis, les hamburgers. Ce sont des boutons / chips, chacun avec un emoji pour la nourriture. Sushi a été sélectionné et est rose avec du texte blanc, tandis que les deux autres sont des boîtes grises avec du texte sombre. «Ajouter plus» propose des options pour le wasabi, le gingembre et la sauce soja. Ce sont des rectangles gris clair arrondis avec du texte sombre. La sauce de soja a été sélectionnée, affichée avec une icône de coche et la boîte est gris plus foncé.

Allant de pair avec le nouveau composant Vue Chip, l'interface utilisateur Kendo pour Vue ChipList peut aider à gérer une collection de puces chaque fois qu'il y a besoin de plus d'une seule puce. Cela peut aider à gérer des aspects tels que la sélection actuelle de puces ou à manipuler la liste des puces en ajoutant et en supprimant des éléments.

Pour plus d'informations, vous pouvez vous référer à Kendo UI pour les démos Vue ChipList .

] Nouveau composant: Télécharger

Une barre a un bouton sur la gauche qui dit «Sélectionner les fichiers ...» et sur le texte suivant, «Déposez les fichiers ici pour télécharger».

Le dernier nouveau Vue Le composant d'interface utilisateur pour R2 2021 est l'interface utilisateur de Kendo pour le composant Vue Upload. C'est l'un des composants d'interface utilisateur les plus populaires dans les différentes bibliothèques d'interface utilisateur de Kendo, il est donc très excitant de pouvoir discuter du composant dans l'interface utilisateur de Kendo pour Vue! Le composant Upload peut être ajouté à n'importe quelle application Vue existante et permet aux utilisateurs de télécharger des fichiers grâce à une expérience utilisateur intuitive.

Rendez-vous sur l ' Kendo UI for Vue Upload docs & demos pour voir le téléchargement en action !

Améliorations apportées aux composants

Grille: défilement infini

Une grille avec ID, Name, Discontinued et UnitPrice fait défiler

S'assurer que Kendo UI pour Vue a le plus riche en fonctionnalités Grille de données là-bas, avec R2 2021, la grille de données Vue a ajouté la fonction de défilement infini. Lorsque cette fonctionnalité est activée, la table de données Vue charge des éléments de données supplémentaires chaque fois que l'utilisateur atteint la fin de l'ensemble de données actuel, donnant l'illusion que le contenu peut faire défiler à l'infini.

Consultez la section Modes de défilement de nos documents pour voir comment ajouter un défilement infini à vos grilles de données Vue .

Refonte des forums de la communauté Telerik et Kendo UI

Enfin, nous avons réorganisé l'un des endroits préférés que les développeurs adorent traîner – les Forums communautaires Telerik et Kendo UI . Découvrez l'histoire complète du pourquoi et du quoi dans le article de blog dédié .

Telerik et Kendo UI Forums Hub "title =" Telerik et Kendo UI Forums Hub "style =" vertical-align : middle; "/></p data-recalc-dims=

Vous avez des commentaires?

Nous sommes toujours à la recherche du prochain ensemble de composants d'interface utilisateur natifs à créer à partir de zéro pour Vue, et vous avez maintenant la possibilité de nous assurer que nous ajoutons les composants et Rendez-vous sur le Kendo UI for Vue Feedback Portal pour soumettre vos idées ou voter pour celles existantes! Avec vos commentaires, nous pouvons continuer sur la voie de notre objectif de fournir l'ensemble le plus avancé des composants d'interface utilisateur pour les développeurs Vue.

Webinaire et diffusion en direct

Vous voulez voir tout ce que j'ai mentionné ci-dessus en direct et en action? Eh bien, ai-je de bonnes nouvelles pour vous! Le jeudi 20 mai à 11 am ET nous hébergeons le webinaire Kendo UI R2 2021 . Cette session couvrira tout ce que je m mentionné ici, ainsi que des informations sur jQuery, Angular et React.

En plus de cela, nous aurons également Twitch live streams plonger plus profondément dans l'interface utilisateur de Kendo pour Angular et KendoReact le mardi mai 18, de 9 h 00 à 10 h 30 HE et Mercredi 19 mai de 13 h 30 à 15 h 00 HE .

Des tonnes de plaisir seront amusés, alors allez-y rendez-vous sur la page d'inscription au webinaire Kendo UI R2 2021 pour réserver votre place et participer aux festivités!

Réservez votre place pour le webinaire

Le meilleur outil 2023 pour ta croissance Instagram !



Source link