There are three standard types of buttons:
- Floating action button: A circular material button that lifts and displays an ink reaction on press.
- Raised button: A typically rectangular material button that lifts and displays ink reactions on press.
- Flat button: A button made of ink that displays ink reactions on press but does not lift.
Choosing button style
Choosing a button style depends on the primacy of the button, the number of containers on screen, and the screen layout.
Function: Is it important and ubiquitous enough to be a floating action button?
Dimension: Choose raised or flat depending on the container it will be in and how many z-space layers you have on screen. There should not be many layers of objects on the screen.
Layout: Use primarily one type of button per container. Only mix button types when you have a good reason to, such as emphasizing an important function.