Material-components-android: Feature request - Add speed dial feature to floating action button

Created on 20 Dec 2016  路  5Comments  路  Source: material-components/material-components-android

As stated on material design guidelines, the floating action button can fling out related actions upon press. There are many third-party libraries to achieve this. This feature would be nice to have without using any third-party libraries.

Related actions can be populated using a menu resource file as in bottom navigation view.

A floating action button flinging out related actions:
fab-speed-dial

enhancement

Most helpful comment

We actually find this particular speed-dial pattern is far overused in Material Design apps, and we'd like to encourage folks to adopt better patterns for their particular use case.

See the transitions suggested here:
https://material.io/guidelines/components/buttons-floating-action-button.html#buttons-floating-action-button-transitions

We have some in-progress implementations of these transitions we'll be moving to this library as soon as we're able.

All 5 comments

We actually find this particular speed-dial pattern is far overused in Material Design apps, and we'd like to encourage folks to adopt better patterns for their particular use case.

See the transitions suggested here:
https://material.io/guidelines/components/buttons-floating-action-button.html#buttons-floating-action-button-transitions

We have some in-progress implementations of these transitions we'll be moving to this library as soon as we're able.

Hey @jestelle, I just found this issue and I believe the current link should be https://material.io/design/components/buttons-floating-action-button.html#types-of-transitions.

Since it's been 2.5 years and speed dials are still in the guides I was wondering if you and your time still encourage other patterns for this, and if so, which ones? :)

I am wondering the same thing as @aried3r.

+1 to have this supported by Material Components, if possible :)

I guess that by "better patterns for their particular use case", they mean the one below "Transform into a menu with the related actions" ( because their link shows speed-dial too).

Meaning transition to card.:

https://kstatic.googleusercontent.com/files/8f9b57829c943c97be7c4b2485cf678f041dfe7c7ef523cfb2e97f1aeee21431f83d98cc07befeeed904fabb258298e3a7ac95f9da5d3da7a4adcff658cea851

tt8.zip

Was this page helpful?
0 / 5 - 0 ratings

Related issues

magnusfernandes picture magnusfernandes  路  3Comments

sepehr-alipour picture sepehr-alipour  路  3Comments

gabrielemariotti picture gabrielemariotti  路  3Comments

ataulm picture ataulm  路  3Comments

jaychang0917 picture jaychang0917  路  3Comments