Skip to content

Commit e32fb82

Browse files
authored
docs(label): clarify usage for text wrapping (#3386)
1 parent a07b224 commit e32fb82

File tree

5 files changed

+17
-17
lines changed

5 files changed

+17
-17
lines changed

static/usage/v7/label/item/angular.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -5,14 +5,14 @@
55

66
<ion-item>
77
<ion-label>
8-
Multi-line text that should ellipsis when it is too long to fit on one line. Lorem ipsum dolor sit amet, consectetur
8+
Multi-line text that should wrap when it is too long to fit on one line. Lorem ipsum dolor sit amet, consectetur
99
adipiscing elit.
1010
</ion-label>
1111
</ion-item>
1212

1313
<ion-item>
14-
<ion-label class="ion-text-wrap">
15-
Multi-line text that should wrap when it is too long to fit on one line. Lorem ipsum dolor sit amet, consectetur
14+
<ion-label class="ion-text-nowrap">
15+
Multi-line text that should ellipsis when it is too long to fit on one line. Lorem ipsum dolor sit amet, consectetur
1616
adipiscing elit.
1717
</ion-label>
1818
</ion-item>

static/usage/v7/label/item/demo.html

+3-3
Original file line numberDiff line numberDiff line change
@@ -26,14 +26,14 @@
2626

2727
<ion-item>
2828
<ion-label>
29-
Multi-line text that should ellipsis when it is too long to fit on one line. Lorem ipsum dolor sit amet,
29+
Multi-line text that should wrap when it is too long to fit on one line. Lorem ipsum dolor sit amet,
3030
consectetur adipiscing elit.
3131
</ion-label>
3232
</ion-item>
3333

3434
<ion-item>
35-
<ion-label class="ion-text-wrap">
36-
Multi-line text that should wrap when it is too long to fit on one line. Lorem ipsum dolor sit amet,
35+
<ion-label class="ion-text-nowrap">
36+
Multi-line text that should ellipsis when it is too long to fit on one line. Lorem ipsum dolor sit amet,
3737
consectetur adipiscing elit.
3838
</ion-label>
3939
</ion-item>

static/usage/v7/label/item/javascript.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -5,14 +5,14 @@
55

66
<ion-item>
77
<ion-label>
8-
Multi-line text that should ellipsis when it is too long to fit on one line. Lorem ipsum dolor sit amet, consectetur
8+
Multi-line text that should wrap when it is too long to fit on one line. Lorem ipsum dolor sit amet, consectetur
99
adipiscing elit.
1010
</ion-label>
1111
</ion-item>
1212

1313
<ion-item>
14-
<ion-label class="ion-text-wrap">
15-
Multi-line text that should wrap when it is too long to fit on one line. Lorem ipsum dolor sit amet, consectetur
14+
<ion-label class="ion-text-nowrap">
15+
Multi-line text that should ellipsis when it is too long to fit on one line. Lorem ipsum dolor sit amet, consectetur
1616
adipiscing elit.
1717
</ion-label>
1818
</ion-item>

static/usage/v7/label/item/react.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -11,14 +11,14 @@ function Example() {
1111

1212
<IonItem>
1313
<IonLabel>
14-
Multi-line text that should ellipsis when it is too long to fit on one line. Lorem ipsum dolor sit amet,
14+
Multi-line text that should wrap when it is too long to fit on one line. Lorem ipsum dolor sit amet,
1515
consectetur adipiscing elit.
1616
</IonLabel>
1717
</IonItem>
1818

1919
<IonItem>
20-
<IonLabel class="ion-text-wrap">
21-
Multi-line text that should wrap when it is too long to fit on one line. Lorem ipsum dolor sit amet,
20+
<IonLabel class="ion-text-nowrap">
21+
Multi-line text that should ellipsis when it is too long to fit on one line. Lorem ipsum dolor sit amet,
2222
consectetur adipiscing elit.
2323
</IonLabel>
2424
</IonItem>

static/usage/v7/label/item/vue.md

+5-5
Original file line numberDiff line numberDiff line change
@@ -6,15 +6,15 @@
66

77
<ion-item>
88
<ion-label>
9-
Multi-line text that should ellipsis when it is too long to fit on one line. Lorem ipsum dolor sit amet,
10-
consectetur adipiscing elit.
9+
Multi-line text that should wrap when it is too long to fit on one line. Lorem ipsum dolor sit amet, consectetur
10+
adipiscing elit.
1111
</ion-label>
1212
</ion-item>
1313

1414
<ion-item>
15-
<ion-label class="ion-text-wrap">
16-
Multi-line text that should wrap when it is too long to fit on one line. Lorem ipsum dolor sit amet, consectetur
17-
adipiscing elit.
15+
<ion-label class="ion-text-nowrap">
16+
Multi-line text that should ellipsis when it is too long to fit on one line. Lorem ipsum dolor sit amet,
17+
consectetur adipiscing elit.
1818
</ion-label>
1919
</ion-item>
2020

0 commit comments

Comments
 (0)