The bottom sheet is a modified v-dialog
that slides from the bottom of the screen, similar to a v-bottom-navigation
. Whereas a bottom navigation component is for buttons and specific application level actions, a bottom sheet can contain anything.
Ici, nous affichons une liste d’exemple d’actions pouvant être présentes dans une application.
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.
Les feuilles de fond persistantes ne peuvent pas être fermées en cliquant en dehors de celles-ci.
Les feuilles en bas peuvent être contrôlées en utilisant v-model
. Vous pouvez l'utiliser pour les fermer ou si vous ne pouvez pas utiliser l'emplacement activator
.
Les feuilles inférieures peuvent être inséparables, réduisant leur largeur maximale sur le bureau à 70%. Cela peut être réduit manuellement en utilisant le prop width
.
En utilisant une feuille de fond inséparable, vous pouvez faire des composants pratiques tels que ce simple lecteur de musique.
En combinant une liste fonctionnelle en bas, vous pouvez créer un composant simple 'open in'.
Prêt pour plus ? Continuez la lecture avec :