Skip to content

Commit 60c8727

Browse files
authored
[DisplayText] Split up medium and large display text (#2100)
* Splitting up medium and large display text * Updating content based on feedback * Added changelog entry
1 parent c9d48e7 commit 60c8727

File tree

2 files changed

+11
-2
lines changed

2 files changed

+11
-2
lines changed

UNRELEASED.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -16,3 +16,4 @@ Use [the changelog guidelines](https://git.io/polaris-changelog-guidelines) to f
1616
### Documentation
1717

1818
- Updated banner guidelines to make it clearer when success banners should be used vs success toasts. ([#2046](https://github.com/Shopify/polaris-react/pull/2046))
19+
- Updated display text documentation to have a separate example for medium and large display

src/components/DisplayText/README.md

Lines changed: 10 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -90,9 +90,17 @@ Use this size sparingly and never multiple times on the same page.
9090

9191
<!-- /content-for -->
9292

93-
### Medium and large
93+
### Large
9494

95-
Use as part of complex data displays to highlight key numbers, or to harmonize with other display text.
95+
Use for display text that’s more important than the medium size, but less important than extra large.
96+
97+
```jsx
98+
<DisplayText size="large">Good evening, Dominic.</DisplayText>
99+
```
100+
101+
### Medium
102+
103+
Use for display text that’s more important than the small size, but less important than large.
96104

97105
```jsx
98106
<DisplayText size="medium">Good evening, Dominic.</DisplayText>

0 commit comments

Comments
 (0)