Composants UI

Afficher plusieurs avatars superposés avec débordement et actions en JavaScript.

Référence des composants JavaScript Espresso du desk (bouton, badge, menu déroulant, menu contextuel, notification, panneau inférieur) et de leurs options.

Afficher un indicateur déjà calculé, avec son libellé, sa tendance ou une légende, grâce au composant JavaScript frappe.ui.stat_card.

Référence des composants Vue EmailComposer et CommentComposer de @framework/ui pour rédiger un email ou un commentaire dans une application Dodock.

Choisir les champs proposés par le composant Vue Filter de @framework/ui, aligner son popover et convertir ses conditions en filtres Frappe.

Afficher un formulaire à onglets, sections et colonnes à partir des métadonnées d'un DocType ou d'un schéma écrit à la main, avec le composant Vue FormLayout de @framework/ui.

Placer un composant Vue personnalisé (« part ») entre deux sections ou dans une colonne d'un formulaire FormLayout, avant ou après un champ.

Afficher une info-bulle seulement quand un texte est tronqué, avec l'option only_on_overflow de frappe.ui.tooltip.

Composer une page de liste Vue avec les composants expérimentaux List, ListFooter et ListBulkBar de @framework/ui.

Ajouter des éléments aux menus de l'en-tête d'un formulaire ou d'une page (menu •••, menu Actions, groupes de boutons) et comprendre leur comportement.

Remplacer les imports de frappe-ui/frappe par @framework/ui pour la télémétrie, l'onboarding, les bannières et l'import de données, et composer une page de configuration avec SetupFlow.

Choisir entre frappe.confirm et frappe.warn pour demander une confirmation, et comprendre le bouton rouge des actions destructives comme Supprimer et Annuler.

Masquer ou renommer un onglet d'un formulaire FormLayout pour un rendu, et suivre l'onglet réellement affiché.

Composant Vue Phone de @framework/ui pour saisir un numéro de téléphone avec un sélecteur de pays, au format « +indicatif-numéro ».

Recevoir les validations de saisie (commits) et les ajouts ou suppressions de lignes d'un formulaire FormLayout, identifier les lignes de tableau pas encore enregistrées et connaître la saisie rapide de la grille (flèches, collage, insertion, duplication).

Afficher une liste d'enregistrements dans un formulaire ou une boîte de dialogue avec frappe.ui.EmbeddedList : source des données, colonnes, recherche, actions.

Afficher un bloc d'attente pendant un chargement avec frappe.ui.skeleton, et une ligne de séparation avec un bouton facultatif avec frappe.ui.divider.

Remplacer un bouton Bootstrap écrit à la main par frappe.ui.button dans un script client ou une page du desk, avec état de chargement et info-bulle.

Bloquer ou confirmer l'ouverture d'un document créé par mapping (bouton « Créer ») avec les gardes JavaScript frappe.model.add_mapped_doc_guard.

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