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
- Cliquez sur l'icône de recherche dans la barre latérale gauche, ou appuyez sur Ctrl+K.
- Tapez
Component Explorer. - Sélectionnez Ouvrir Component Explorer.
Vous pouvez aussi ouvrir directement l'adresse /desk/component-explorer.
Lire la page
- Choisissez un composant dans le champ Composant, par exemple « Bouton ».
- La page affiche des groupes d'exemples, par exemple Variantes, Icônes, Tailles et États pour le bouton.
- Dans chaque groupe, le code est à gauche et le rendu est à droite.
- Certains exemples déclenchent une action, comme une notification : cliquez sur leur bouton Exécuter pour voir le résultat.
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.