mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-08 23:58:13 +08:00
test(label): update basic test with colors
This commit is contained in:
@ -19,11 +19,31 @@
|
||||
</ion-header>
|
||||
|
||||
<ion-content>
|
||||
<div padding>
|
||||
<ion-label>Default</ion-label>
|
||||
|
||||
<ion-label color="secondary">Secondary</ion-label>
|
||||
|
||||
<ion-label color="tertiary">Tertiary</ion-label>
|
||||
|
||||
<ion-label color="danger">Danger</ion-label>
|
||||
|
||||
<ion-label class="custom">Custom</ion-label>
|
||||
</div>
|
||||
|
||||
<ion-list>
|
||||
<ion-item>
|
||||
<ion-label>Default</ion-label>
|
||||
<ion-input></ion-input>
|
||||
</ion-item>
|
||||
<ion-item>
|
||||
<ion-label color="tertiary">Tertiary</ion-label>
|
||||
<ion-input></ion-input>
|
||||
</ion-item>
|
||||
<ion-item>
|
||||
<ion-label class="custom">Custom</ion-label>
|
||||
<ion-input></ion-input>
|
||||
</ion-item>
|
||||
<ion-item>
|
||||
<ion-label text-wrap>Wrap label this label just goes on and on and on</ion-label>
|
||||
<ion-input></ion-input>
|
||||
@ -42,6 +62,12 @@
|
||||
</ion-item>
|
||||
</ion-list>
|
||||
</ion-content>
|
||||
|
||||
<style>
|
||||
.custom {
|
||||
color: lightblue;
|
||||
}
|
||||
</style>
|
||||
</ion-app>
|
||||
</body>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user