Le composant v-dialog informe les utilisateurs d'une tâche spécifique et contient généralement des informations capitales . Elles peuvent parfois avoir recours à des décisions.
Une boîte de dialogue contient deux emplacements, l'un pour son activateur et l'autre pour son contenu (par défaut). Bonne pour les politiques de confidentialité.
Sélectionnez le composant désiré ci-dessous afin de voir les props, slots, événements et méthodes disponibles.
Vous trouverez ci-dessous une collection d'exemples simples ou complexes.
Si pour une raison quelconque vous ne pouvez pas utiliser l'emplacement d'activation, assurez-vous d'ajouter le modificateur .stop à l'événement qui déclenche la boîte de dialogue.
Comme un dialogue simple, sauf qu'il n'est pas rejeté lors du toucher à l'extérieur.
Exemple de dialogue avec le contenu scrollable.
Les modaux qui ne s'adaptent pas dans l'espace de fenêtre disponible feront défiler le conteneur.
Un simple exemple de formulaire dans une boîte de dialogue.
Le composant v-dialog permet de créer une expérience de chargement personnalisée pour votre application.
En raison d'un espace limité, les dialogues à écran plein peuvent être plus appropriés pour les appareils mobiles que les dialogues utilisés sur les appareils avec des écrans plus larges.
Les dialogue peuvent être imbriqués : vous pouvez ouvrir une boîte de dialogue d'une autre.
Prêt pour plus ? Continuez la lecture avec :