Examples
Use to de-emphasize a piece of text that is less important to merchants than other nearby text. May also be used to indicate when normal content is absent, for example, “No supplier listed”. Don’t use only for aesthetic effect.
Text style enhances text with additional visual meaning. For example, using subdued text to de-emphasize it from its surrounding text.
Use to de-emphasize a piece of text that is less important to merchants than other nearby text. May also be used to indicate when normal content is absent, for example, “No supplier listed”. Don’t use only for aesthetic effect.
Don’t rely on text style alone to convey information to merchants. Ensure that text styles are used to enhance the information provided in text.
<TextStyle variation="positive">Orders increased</TextStyle>
<TextStyle variation="positive">Orders</TextStyle>
Use to de-emphasize a piece of text that is less important to merchants than other nearby text. May also be used to indicate when normal content is absent, for example, “No supplier listed”. Don’t use only for aesthetic effect.
Use to mark text representing user input, or to emphasize the totals row in a price table.
Use in combination with a symbol showing an increasing value to indicate an upward trend.
Use in combination with a symbol showing a decreasing value to indicate a downward trend.
Use to display inline snippets of code or code-like text.
See Material Design and development documentation about accessibility for Android:
Use to de-emphasize a piece of text that is less important to merchants than other nearby text. May also be used to indicate when normal content is absent, for example, “No supplier listed”. Don’t use only for aesthetic effect.
Use to mark text representing user input, or to emphasize the totals row in a price table.
Use in combination with a symbol showing an increasing value to indicate an upward trend.
Use in combination with a symbol showing a decreasing value to indicate a downward trend.
Use to display inline snippets of code or code-like text.
See Apple’s Human Interface Guidelines and API documentation about accessibility for iOS:
Text style should be: