La page des composants d'interface
La page qui présente chaque composant réutilisable avec des exemples en direct, et comment les utiliser dans vos propres pages.
Ce que contient la page
UI Components dans la barre latérale ouvre /en/dashboard/ui-component : chaque composant dont le tableau de bord est fait, chacun dans une carte avec des exemples en direct sur lesquels vous pouvez cliquer, écrire et qui s'ouvrent. Ils suivent la couleur de marque, le mode clair ou sombre et le sens de la langue, comme le reste du tableau de bord.
| Onglet | Composants |
|---|---|
| Inputs | Champ de saisie et zone de texte, calendrier, sélecteur de date, saisie de téléphone, sélecteur de pays, case à cocher, interrupteur, liste de sélection |
| Tables | Tableau |
| Cartes | Cartes de statistiques déplaçables, carte |
| Dialogs & Sheets | Boîte de dialogue, panneau latéral |
| Menus & Dropdowns | Menu déroulant, popover |
| Buttons | Bouton, bouton-icône |
| Indicators | Badge, avatar |
| Navigation | Onglets, pagination |
| Feedback | Infobulle |
La page s'ouvre sur Inputs. Ajoutez ?tab= et l'id d'un onglet pour en ouvrir directement un autre, comme /en/dashboard/ui-component?tab=tables. Les ids sont inputs, tables, cards, dialogs, menus, buttons, indicators, navigation et feedback.
Utiliser un composant dans votre page
Inclus avec votre achat. Connectez-vous pour le lire, ou ouvrez-le dans votre téléchargement.
Où se trouvent les composants et comment les importer.
Où se trouvent les exemples
Inclus avec votre achat. Connectez-vous pour le lire, ou ouvrez-le dans votre téléchargement.
Les fichiers d'exemple derrière chaque carte, à copier ou à retirer avec la page.