javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-23 22:17:40 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs(label): update usage to place text-wrap on label (#17705)

Browse Source 
closes ionic-team/ionic-docs#467
This commit is contained in:
Brandy Carney
2019-03-07 11:11:56 -05:00
committed by GitHub
parent 7e6d511969
commit bd38f26f9c
7 changed files with 19 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
core/src/components/item-divider/test/preview/index.html
View File

@ -35,7 +35,7 @@
</ion-label> </ion-label>
<ion-icon name="trash" slot="start"></ion-icon> <ion-icon name="trash" slot="start"></ion-icon>
</ion-item-divider> </ion-item-divider>
<ion-item-divider> <ion-item-divider>
<ion-label> <ion-label>
Divider in List Divider in List
@ -84,8 +84,8 @@
<ion-button slot="end">button</ion-button> <ion-button slot="end">button</ion-button>
</ion-item-divider> </ion-item-divider>
<ion-item text-wrap class="custom-item"> <ion-item class="custom-item">
<ion-label> <ion-label text-wrap>
Multiline text that should wrap when it is too long to fit on one line in the item. Attribute on .item Multiline text that should wrap when it is too long to fit on one line in the item. Attribute on .item
</ion-label> </ion-label>
</ion-item> </ion-item>
@ -108,7 +108,7 @@
</ion-label> </ion-label>
</ion-item-divider> </ion-item-divider>
<ion-item text-wrap> <ion-item>
<ion-label> <ion-label>
<h1>H1 Title Text</h1> <h1>H1 Title Text</h1>
</ion-label> </ion-label>

2
core/src/components/item/test/basic/index.html
View File

@ -64,7 +64,7 @@
<ion-item> <ion-item>
<ion-label text-wrap> <ion-label text-wrap>
Multiline text that should wrap when it is too long to fit on one line in the item. Attribute on .item Multiline text that should wrap when it is too long to fit on one line in the item. Attribute on ion-label
</ion-label> </ion-label>
</ion-item> </ion-item>

12
core/src/components/label/readme.md
View File

@ -26,8 +26,8 @@ Label is a wrapper element that can be used in combination with `ion-item`, `ion
<ion-label>Default Item</ion-label> <ion-label>Default Item</ion-label>
</ion-item> </ion-item>
<ion-item text-wrap> <ion-item>
<ion-label> <ion-label text-wrap>
Multi-line text that should wrap when it is too long Multi-line text that should wrap when it is too long
to fit on one line in the item. to fit on one line in the item.
</ion-label> </ion-label>
@ -90,8 +90,8 @@ const Example: React.SFC<{}> = () => (
<IonLabel>Default Item</IonLabel> <IonLabel>Default Item</IonLabel>
</IonItem> </IonItem>
<IonItem text-wrap> <IonItem>
<IonLabel> <IonLabel text-wrap>
Multi-line text that should wrap when it is too long Multi-line text that should wrap when it is too long
to fit on one line in the item. to fit on one line in the item.
</IonLabel> </IonLabel>
@ -153,8 +153,8 @@ export default Example;
<ion-label>Default Item</ion-label> <ion-label>Default Item</ion-label>
</ion-item> </ion-item>
<ion-item text-wrap> <ion-item>
<ion-label> <ion-label text-wrap>
Multi-line text that should wrap when it is too long Multi-line text that should wrap when it is too long
to fit on one line in the item. to fit on one line in the item.
</ion-label> </ion-label>

4
core/src/components/label/usage/angular.md
View File

@ -14,8 +14,8 @@
<ion-label>Default Item</ion-label> <ion-label>Default Item</ion-label>
</ion-item> </ion-item>
<ion-item text-wrap> <ion-item>
<ion-label> <ion-label text-wrap>
Multi-line text that should wrap when it is too long Multi-line text that should wrap when it is too long
to fit on one line in the item. to fit on one line in the item.
</ion-label> </ion-label>

4
core/src/components/label/usage/javascript.md
View File

@ -14,8 +14,8 @@
<ion-label>Default Item</ion-label> <ion-label>Default Item</ion-label>
</ion-item> </ion-item>
<ion-item text-wrap> <ion-item>
<ion-label> <ion-label text-wrap>
Multi-line text that should wrap when it is too long Multi-line text that should wrap when it is too long
to fit on one line in the item. to fit on one line in the item.
</ion-label> </ion-label>

4
core/src/components/label/usage/react.md
View File

@ -20,8 +20,8 @@ const Example: React.SFC<{}> = () => (
<IonLabel>Default Item</IonLabel> <IonLabel>Default Item</IonLabel>
</IonItem> </IonItem>
<IonItem text-wrap> <IonItem>
<IonLabel> <IonLabel text-wrap>
Multi-line text that should wrap when it is too long Multi-line text that should wrap when it is too long
to fit on one line in the item. to fit on one line in the item.
</IonLabel> </IonLabel>

4
core/src/components/label/usage/vue.md
View File

@ -15,8 +15,8 @@
<ion-label>Default Item</ion-label> <ion-label>Default Item</ion-label>
</ion-item> </ion-item>
<ion-item text-wrap> <ion-item>
<ion-label> <ion-label text-wrap>
Multi-line text that should wrap when it is too long Multi-line text that should wrap when it is too long
to fit on one line in the item. to fit on one line in the item.
</ion-label> </ion-label>