Version de développement
Cette documentation décrit la version « next » (develop), non encore publiée. Pour la version stable, basculez sur « v5 » dans l'en-tête.
Composants UI

Explorer les composants de Dodock

L'Explorateur de composants affiche, pour chaque composant d'interface de Dodock, des exemples de code et leur rendu.

Explorer les composants de Dodock

L'Explorateur de composants (page « Component Explorer ») est un catalogue des composants d'interface de Dodock : boutons, listes déroulantes, groupes d'avatars, notifications… Pour chaque composant, il affiche des exemples de code frappe.ui.* et leur rendu dans l'interface. Utilisez-le pour choisir un composant et copier un exemple avant de développer une page ou un formulaire.

La page est réservée au rôle System Manager.

Ouvrir l'Explorateur de composants

  1. Cliquez sur l'icône de recherche dans la barre latérale gauche, ou appuyez sur Ctrl+K.
  2. Tapez Component Explorer.
  3. Sélectionnez Ouvrir Component Explorer.

Vous pouvez aussi ouvrir directement l'adresse /desk/component-explorer.

Ouvrir l'Explorateur de composants depuis la recherche.

Lire la page

  1. Choisissez un composant dans le champ Composant, par exemple « Bouton ».
  2. La page affiche des groupes d'exemples, par exemple Variantes, Icônes, Tailles et États pour le bouton.
  3. Dans chaque groupe, le code est à gauche et le rendu est à droite.
  4. Certains exemples déclenchent une action, comme une notification : cliquez sur leur bouton Exécuter pour voir le résultat.
Le composant Bouton dans l'Explorateur de composants.

Utiliser un exemple

Copiez le code d'un exemple dans votre script client ou votre page, puis adaptez les options : label, variant, size, icon… Le rendu de l'Explorateur montre le résultat attendu pour chaque combinaison d'options.