Bottom sheet
O bottom sheet é um v-dialog modificado que é deslizado da parte inferior da tela, similar a um v-bottom-nav. Enquanto um componente de navegação inferior é para botões e ações de nível da aplicação, um bottom sheet pode conter qualquer coisa.
API
Desativa a capacidade de abrir o diálogo
Força largura 100%
Oculta a exibição da sobreposição
Reduz a largura máxima do conteúdo do diálogo para 70%
Conditionally renders content on mounted. Will only render content if activated
Especifica a largura máxima do conteúdo
Dialog não fecha ao clicar fora
Controla visibilidade
Exemplos
Inset bottom sheets
Bottom sheets podem ser inset, reduzindo sua largura máxima no desktop para 70%. Isso pode ser ainda mais reduzido manualmente usando a propriedade width. Também mostramos a ligação da classe dinâmica usando o objeto de ponto de interrupção do Vuetify.