Examples
Use this size sparingly and never multiple times on the same page.
Display styles make a bold visual statement. Use them to create impact when the main goal is visual storytelling. For example, use display text to convince or reassure merchants such as in marketing content or to capture attention during onboarding.
Use this size sparingly and never multiple times on the same page.
Although display text creates an interesting visual experience, it doesn’t replace the semantic structure provided by HTML headings.
By default, the display text component outputs text in an HTML paragraph (<p>
). If a heading tag is needed for display text, use the element
prop to set the heading level.
Use display text to create visual interest along with a meaningful heading structure.
Use display text in place of standard headings. Use the heading component and subheading component to provide structure.
Use this size sparingly and never multiple times on the same page.
Use for display text that’s more important than the small size, but less important than large.
See Material Design and development documentation about accessibility for Android:
Use this size sparingly and never multiple times on the same page.
Use for display text that’s more important than the small size, but less important than large.
See Apple’s Human Interface Guidelines and API documentation about accessibility for iOS:
Display text should be: