This example serves to illustrate the combinatorial result of the variant and color properties. Alternatively, you can completely disable buttons and yet still control the variant aspect of their emphasis (the color property has no effect on disabled buttons).
The order of most to least emphatic variant values is as follows:
- contained
- outlined
- text
The order of most to least emphatic color values is as follows:
- primary
- secondary
- default
By combining these two property values, you can control the emphasis of your buttons. Sometimes, you really need a button to stand out, so you can combine contained and primary:
If you want ...