javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 12:29:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

test(input): update standalone to include color examples

Browse Source
This commit is contained in:
Brandy Carney
2018-10-09 13:59:02 -05:00
parent a999c1f0a9
commit af01378232
1 changed files with 77 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
core/src/components/input/test/standalone/index.html
View File

@ -11,9 +11,86 @@
</head>
<body>
<h1>Default</h1>
<ion-input placeholder="Input"></ion-input>
<ion-input value="value"></ion-input>
<ion-input type="number" placeholder="Enter a Number"></ion-input>
<ion-input type="number" value="44"></ion-input>
<h1>Colors</h1>
<ion-grid>
<ion-row>
<ion-col size="4">
<ion-input color="primary" placeholder="Placeholder"></ion-input>
</ion-col>
<ion-col size="4">
<ion-input color="primary" value="Value"></ion-input>
</ion-col>
<ion-col size="4">
<ion-input color="primary" value="Disabled" disabled></ion-input>
</ion-col>
</ion-row>
<ion-row>
<ion-col size="4">
<ion-input color="secondary" placeholder="Placeholder"></ion-input>
</ion-col>
<ion-col size="4">
<ion-input color="secondary" value="Value"></ion-input>
</ion-col>
<ion-col size="4">
<ion-input color="secondary" value="Disabled" disabled></ion-input>
</ion-col>
</ion-row>
<ion-row>
<ion-col size="4">
<ion-input color="danger" placeholder="Placeholder"></ion-input>
</ion-col>
<ion-col size="4">
<ion-input color="danger" value="Value"></ion-input>
</ion-col>
<ion-col size="4">
<ion-input color="danger" value="Disabled" disabled></ion-input>
</ion-col>
</ion-row>
<ion-row>
<ion-col size="4">
<ion-input color="dark" placeholder="Placeholder"></ion-input>
</ion-col>
<ion-col size="4">
<ion-input color="dark" value="Value"></ion-input>
</ion-col>
<ion-col size="4">
<ion-input color="dark" value="Disabled" disabled></ion-input>
</ion-col>
</ion-row>
<ion-row>
<ion-col size="4">
<ion-input color="light" placeholder="Placeholder" class="custom"></ion-input>
</ion-col>
<ion-col size="4">
<ion-input color="light" value="Value" class="custom"></ion-input>
</ion-col>
<ion-col size="4">
<ion-input color="light" value="Disabled" disabled class="custom"></ion-input>
</ion-col>
</ion-row>
<ion-row>
<ion-col size="4">
<ion-input placeholder="Placeholder" class="custom"></ion-input>
</ion-col>
<ion-col size="4">
<ion-input value="Value" class="custom"></ion-input>
</ion-col>
<ion-col size="4">
<ion-input value="Disabled" disabled class="custom"></ion-input>
</ion-col>
</ion-row>
</ion-grid>
<style>
.custom {
--color: green;
}
</style>
</body>
</html>