Contained Buttons
Contained buttons are high-emphasis, distinguished by their use of
elevation and fill. They contain actions that are primary to your app
Outlined Buttons
Outlined buttons are medium-emphasis buttons. They contain actions that are
important, but aren’t the primary action in an app.
Outlined buttons are also a lower emphasis alternative to contained buttons, or a higher emphasis
alternative to text buttons.
Text Buttons
Text buttons are typically used for less-pronounced actions, including
those located in dialogs or in cards.
Sizes
Fancy larger or smaller buttons? Use the size property.
Buttons with icons
Sometimes you might want to have icons for certain button to enhance the UX
of the application as we recognize logos more easily than plain text. For example, if you have a
delete button you can label it with a dustbin icon.
Floating Action Buttons
Icons are also appropriate for toggle buttons that allow a single choice to
be selected or deselected, such as adding or removing a star to an item.