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

feat(components): cascade mode from parent to child components (#19369)

Browse Source 
fixes #18285
This commit is contained in:
Brandy Carney
2019-10-08 15:46:59 -04:00
parent dbf6a448ff
commit 3dd5f05760
8 changed files with 269 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
core/src/components/segment/test/modes/index.html
View File

@ -21,8 +21,8 @@
</ion-header>
<ion-content>
<h2>Mode: ios</h2>
<ion-segment mode="ios" id="modeSegment" name="iosMode" value="kittens">
<h2>Mode: segment & button ios</h2>
<ion-segment mode="ios" value="kittens">
<ion-segment-button mode="ios" value="puppies">
<ion-label>Puppies</ion-label>
</ion-segment-button>
@ -34,10 +34,21 @@
</ion-segment-button>
</ion-segment>
<hr>
<h2>Mode: segment ios</h2>
<ion-segment mode="ios" value="kittens">
<ion-segment-button value="puppies">
<ion-label>Puppies</ion-label>
</ion-segment-button>
<ion-segment-button value="kittens">
<ion-label>Kittens</ion-label>
</ion-segment-button>
<ion-segment-button value="turtles">
<ion-label>Turtles</ion-label>
</ion-segment-button>
</ion-segment>
<h2>Mode: md</h2>
<ion-segment mode="md" name="mdMode" value="kittens">
<h2>Mode: segment ios, button: md</h2>
<ion-segment mode="ios" value="kittens">
<ion-segment-button mode="md" value="puppies">
<ion-label>Puppies</ion-label>
</ion-segment-button>
@ -48,6 +59,48 @@
<ion-label>Turtles</ion-label>
</ion-segment-button>
</ion-segment>
<hr>
<h2>Mode: segment & button md</h2>
<ion-segment mode="md" value="kittens">
<ion-segment-button mode="md" value="puppies">
<ion-label>Puppies</ion-label>
</ion-segment-button>
<ion-segment-button mode="md" value="kittens">
<ion-label>Kittens</ion-label>
</ion-segment-button>
<ion-segment-button mode="md" value="turtles">
<ion-label>Turtles</ion-label>
</ion-segment-button>
</ion-segment>
<h2>Mode: segment md</h2>
<ion-segment mode="md" value="kittens">
<ion-segment-button value="puppies">
<ion-label>Puppies</ion-label>
</ion-segment-button>
<ion-segment-button value="kittens">
<ion-label>Kittens</ion-label>
</ion-segment-button>
<ion-segment-button value="turtles">
<ion-label>Turtles</ion-label>
</ion-segment-button>
</ion-segment>
<h2>Mode: segment md, button: ios</h2>
<ion-segment mode="md" value="kittens">
<ion-segment-button mode="ios" value="puppies">
<ion-label>Puppies</ion-label>
</ion-segment-button>
<ion-segment-button mode="ios" value="kittens">
<ion-label>Kittens</ion-label>
</ion-segment-button>
<ion-segment-button mode="ios" value="turtles">
<ion-label>Turtles</ion-label>
</ion-segment-button>
</ion-segment>
</ion-content>
</ion-app>
</body>