Vuetify: [Feature Request] Material banners

Created on 6 Jan 2019  路  3Comments  路  Source: vuetifyjs/vuetify

Problem to solve

A banner displays an important, succinct message, and provides actions for users to address (or dismiss the banner). It requires a user action to be dismissed.

mio_design_assets_147rjhtnyn2jvq
image

Proposed solution

https://material.io/design/components/banners.html

feature md2

Most helpful comment

This is currently in alpha.6.

All 3 comments

I'd be happy to help with this one. I have a banner sfc component in our app and would like to refactor it to use Vuetify mixins anyway.

Based on my experience and understanding of the MD spec, v-banner should have an app prop that v-content respects.

updated: The spec is so specific that app should be assumed. I'd love to see the API be something like this for the example in the video above:

<v-banner
  text="Your password was updated on your other device. Please sign in again."
  dismiss_text="Continue as a guest"
  confirm_text="Sign in"
  @confirm="router.push('sign-in') />

@jaxn just link up with me in the community.

This is currently in alpha.6.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

Webifi picture Webifi  路  3Comments

Antway picture Antway  路  3Comments

ricardovanlaarhoven picture ricardovanlaarhoven  路  3Comments

paladin2005 picture paladin2005  路  3Comments

aaronjpitts picture aaronjpitts  路  3Comments