question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Feature Request] Extended Floating Action Button

See original GitHub issue

Problem to solve

The Material Design spec describes the concept of an extended FAB. I currently have need for this component as it provides linguistic reinforcement or clarification of an icon’s action (such as that of the ambiguous +) and feel it should be included anyway for completeness.

I realize this can be faked with the existing button component but it would be nice if a prop existed so there was no manual effort involved in checking screen sizes to shrink the button appropriately, modify speed dial appearance, etc.

Proposed solution

Add a fab-extended property to the existing <v-btn> component. In most cases, all this should do is elongate the button but note from the spec that the button shrinks to normal size under certain circumstances (scrolling, viewport resized) and speed dial items gain an extended view on hover.

Issue Analytics

  • State:open
  • Created 5 years ago
  • Reactions:17
  • Comments:16 (6 by maintainers)

github_iconTop GitHub Comments

7reactions
johnleidercommented, Jun 11, 2019

We are most definitely going to implement this, didn’t make the timeline cut for v2.0 release.

3reactions
jacekkarczmarczykcommented, Feb 9, 2019
Read more comments on GitHub >

github_iconTop Results From Across the Web

How to add Extended Floating Action Button in Android | Java
Step 1: add the dependency · Step 2: add the drawable files · Step 3: design the XML file · Step 4: add...
Read more >
Buttons: floating action button - Material Design
A floating action button (FAB) represents the primary action for a screen. ... Extending and Shrinking. Use the extend and shrink methods to...
Read more >
Extended Floating Action Button in Android with Example
In this article, let's discuss and implement an Extended Floating Action Button in android which extends when clicked and shrinks when ...
Read more >
Quick Tips to Start Using ExtendedFloatingActionButton
https://material.io/components/buttons-floating-action-button#extended-fab ... Tip: No it shouldn't require any efforts from you :) Most probably you forgot ...
Read more >
Add a Floating Action Button - Android Developers
Add the floating action button to your layout. The following code shows how the FloatingActionButton should appear in your layout file:.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found