Congratulations! You now have an expandable FAB.

Interactive example

Run the app:

Click the FAB in the lower-right corner,
represented with an Edit icon.
It fans out to 3 buttons and is itself replaced by
a close button, represented by an X.

Click the close button to see the expanded
buttons fly back to the original FAB and
the X is replaced by the Edit icon.

Expand the FAB again, and click on any
of the 3 satellite buttons to see a dialog
representing that button’s action.

Create a typing indicator

Create gradient chat bubbles