Floating action button · Swiss
A floating action button in small, regular, large and extended forms, with an optional speed dial of labelled actions.
Design · Swiss9 / 20
Flat red square that inverts to black on hover; actions are black blocks with ruled labels.
Motion
The FAB springs in from 92% with a small overshoot, and speed-dial actions pop out of it one after another.
Accent
A floating action button in small, regular, large and extended forms, with an optional speed dial of labelled actions.
fabfloatingactionspeed-dialextendedcomposemobile