Vuetify: [Feature Request] Having an horizontally centered FAB

Created on 17 Nov 2017  路  5Comments  路  Source: vuetifyjs/vuetify

New Functionality

Currently Floating Action Buttons can be only positioned to the left or to the right of an horizontal top or bottom border of their container (toolbar, card-text etc).
But we can't position them in the middle of the edge.
Having this extra feature would enhance user experience in some cases.

Improvements

This would avoid additional custom css to achieve this.

Bugs or Edge Cases it Helps Avoid

none.

New Component VBtn feature

Most helpful comment

I want to move the fab features into its own component which coincides with the new md spec planned for 2.0

All 5 comments

I want to move the fab features into its own component which coincides with the new md spec planned for 2.0

Unfortunately this did not make the cut for v2.0. However, we still intend to implement it. There are multiple fab related changes that we are going to abstract into a specific v-fab component in v2.x. Thank you for your patience.

Great news. I came here after seeing the new material design case studies from google, and in particular Reply (https://material.io/design/material-studies/reply.html#product-architecture) which has a very nice centered FAB.

@johnleider
is this marked for v3.0? has you removed it from 2.x but did not add it to anything

It's slated for release in version 3.

Was this page helpful?
0 / 5 - 0 ratings