Some screens in your application will have one primary action. For example, if you're on a screen that lists items, the primary action might be to add a new item. If you're on an item details page, the primary action might be to edit the item. Material-UI provides a Fab component (floating action button) to show primary screen actions in a prominent way.
Floating actions
How to do it...
The common case for floating action buttons is to show the user a round button with an icon representing the action to perform, positioned in the bottom right of the screen. Also, the position of floating action buttons is fixed, meaning that as the user scrolls down the page, the primary action is always visible.
Let's write...
