Skip to content

Commit 3a4b4ed

Browse files
committed
docs(radio): small updates for wrapping demo
1 parent 4e03158 commit 3a4b4ed

File tree

6 files changed

+6
-6
lines changed

6 files changed

+6
-6
lines changed

docs/api/radio.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,7 @@ import LabelPlacement from '@site/static/usage/v8/radio/label-placement/index.md
3838

3939
## Label Wrapping
4040

41-
Regardless of label placement, long text will not wrap by default. If the width of the radio is constrained, overflowing text will be truncated with an ellipsis. The `label` shadow part can be styled with the `::part()` selector.
41+
Regardless of label placement, long text will not wrap by default. If the width of the radio is constrained, overflowing text will be truncated with an ellipsis. You can enable text wrapping by adding the `ion-text-wrap` class to a wrapper around the radio text or styling the `label` shadow part using the `::part()` selector.
4242

4343
import LabelWrap from '@site/static/usage/v8/radio/label-wrap/index.md';
4444

static/usage/v8/radio/label-wrap/angular/example_component_css.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,6 @@ ion-list {
44
}
55

66
ion-radio.wrapped::part(label) {
7-
text-wrap: wrap;
7+
white-space: normal;
88
}
99
```

static/usage/v8/radio/label-wrap/demo.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@
1515
}
1616

1717
ion-radio.wrapped::part(label) {
18-
text-wrap: wrap;
18+
white-space: normal;
1919
}
2020
</style>
2121
</head>

static/usage/v8/radio/label-wrap/javascript.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@
2121
}
2222
2323
ion-radio.wrapped::part(label) {
24-
text-wrap: wrap;
24+
white-space: normal;
2525
}
2626
</style>
2727
```

static/usage/v8/radio/label-wrap/react/main_css.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,6 @@ ion-list {
44
}
55

66
ion-radio.wrapped::part(label) {
7-
text-wrap: wrap;
7+
white-space: normal;
88
}
99
```

static/usage/v8/radio/label-wrap/vue.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@
3232
}
3333
3434
ion-radio.wrapped::part(label) {
35-
text-wrap: wrap;
35+
white-space: normal;
3636
}
3737
</style>
3838
```

0 commit comments

Comments
 (0)