Documentation/Vue d'ensemble

Exemples

Des démos en direct avec leur code — chaque fichier que vous voyez tourne sur la page. Copiez-les, ou ouvrez-les dans StackBlitz.

Modifier cette page

Cette page a été traduite par IA et peut contenir des inexactitudes. Lire l'original en anglais

Chaque exemple est une petite application Vue : un index.vue avec son DnDProvider, et les composants dont il a besoin. Les onglets de code sous une démo sont les fichiers mêmes qui la font tourner.

Applications

Des interfaces complètes, telles que vous les construiriez : plusieurs listes, des règles, des overlays et le clavier qui fonctionnent ensemble.

Tableau de projet

Des colonnes que vous réordonnez, des limites WIP, une confirmation avant Done, la sélection multiple et une corbeille.

Calendrier de la semaine

Des événements glissés d'un jour et d'une demi-heure à l'autre, alignés sur la grille.

Gestionnaire de fichiers

Une arborescence de dossiers et une grille de fichiers : sélection au rectangle, dépôt sur les dossiers, Alt pour copier.

Éditeur de blocs

Des blocs à la Notion, déplacés par leur poignée, imbriqués et glissés depuis un menu « / » ou la barre latérale.

Échecs

Les coups légaux s'allument, la pièce en main dit pourquoi une case est refusée, un pion demande ce qu'il devient, et un bot répond avec de vrais glissements.

Constructeur de formulaires

Des champs Nuxt UI depuis une palette, placés côte à côte en rangées, remplis dans un aperçu en direct et exportés en code Vue.

Canevas de design

Des frames et des calques sur un canevas zoomable, des repères intelligents, Alt pour dupliquer, et un panneau des calques qui est l'arbre du design.

Constructeur de pages

Des sections qui deviennent l'élément réel au-dessus de la page, des éléments entre les colonnes, un arbre des calques sur les mêmes données, l'édition sur place.

Tableau de données

Un tableau Nuxt UI de 2 000 tâches : virtualisé, avec recherche, trié par les poignées de ses lignes.