Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[Feature Request] Having an horizontally centered FAB #2553

Closed
jess8bit opened this issue Nov 17, 2017 · 5 comments · Fixed by #18083
Closed

[Feature Request] Having an horizontally centered FAB #2553

jess8bit opened this issue Nov 17, 2017 · 5 comments · Fixed by #18083
Assignees
@johnleider
Labels
C: VFab T: feature A new feature
Milestone
v3.6.0 (Nebula)

Comments

@jess8bit
Copy link

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.
@nekosaur nekosaur added the pending review The issue is still pending disposition label Nov 29, 2017
@johnleider johnleider added this to the v1.2.x milestone Jan 7, 2018
@johnleider johnleider added T: feature A new feature and removed pending review The issue is still pending disposition labels Jan 7, 2018
@johnleider johnleider self-assigned this Jan 7, 2018
@KaelWD KaelWD modified the milestones: v1.2.0, v1.4.0 Jul 31, 2018
@johnleider johnleider modified the milestones: v1.4.0, v2.0.0 Dec 2, 2018
@johnleider
Copy link
Member

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

@blalan05 blalan05 added C: New Component This issue would need a new component to be developed. C: VBtn VBtn labels Apr 9, 2019
@johnleider
Copy link
Member

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.

@johnleider johnleider modified the milestones: v2.0.0, v2.x.x Jun 19, 2019
@johnleider johnleider removed this from the v2.x.x milestone Jan 19, 2020
@jblachly
Copy link

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.

@gotenxds
Copy link

gotenxds commented Feb 4, 2020

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

@KaelWD KaelWD mentioned this issue Feb 8, 2020
Closed
@johnleider johnleider added this to the v3.x.x milestone Nov 19, 2020
@johnleider
Copy link
Member

It's slated for release in version 3.

@johnleider johnleider mentioned this issue Sep 8, 2023
Merged
@johnleider johnleider added C: VFab and removed C: VBtn VBtn C: New Component This issue would need a new component to be developed. labels Jan 22, 2024
@johnleider johnleider modified the milestones: v3.x.x, v3.6.0 (Nebula) Jan 26, 2024
VIXI0 pushed a commit to VIXI0/vuetify that referenced this issue Mar 13, 2024
@johnleider @VIXI0
feat(VFab): add new component (vuetifyjs#18083)
350f00c 
fixes vuetifyjs#1852
fixes vuetifyjs#2553
fixes vuetifyjs#7407
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@johnleider johnleider

Labels
C: VFab T: feature A new feature
Projects
None yet
Milestone
v3.6.0 (Nebula)
Development

Successfully merging a pull request may close this issue.

feat(VFab): add new component vuetifyjs/vuetify
7 participants
@nekosaur @gotenxds @jblachly @johnleider @KaelWD @jess8bit @blalan05