refactor(): remove checked property in favor of parent value (#19449)

BREAKING CHANGE:


The following components have been updated to remove the checked or selected properties:

- Radio
- Segment Button
- Select

Developers should set the value property on the respective parent components in order to managed checked/selected status.

Co-authored-by: Liam DeBeasi <liamdebeasi@users.noreply.github.com>
This commit is contained in:
Manu MA
2020-01-17 23:22:26 +01:00
committed by Liam DeBeasi
parent 9232f16eea
commit a5229d90ca
52 changed files with 879 additions and 939 deletions

View File

@ -63,17 +63,17 @@
<!-- iOS Toolbar -->
<ion-toolbar mode="ios">
<ion-segment>
<ion-segment-button>iOS</ion-segment-button>
<ion-segment-button checked>Segment</ion-segment-button>
<ion-segment value="segment">
<ion-segment-button value="ios">iOS</ion-segment-button>
<ion-segment-button value="segment">Segment</ion-segment-button>
</ion-segment>
</ion-toolbar>
<!-- Material Design Toolbar -->
<ion-toolbar mode="md">
<ion-segment>
<ion-segment-button>MD</ion-segment-button>
<ion-segment-button checked>Segment</ion-segment-button>
<ion-segment value="segment">
<ion-segment-button value="md">MD</ion-segment-button>
<ion-segment-button value="segment">Segment</ion-segment-button>
</ion-segment>
</ion-toolbar>
</ion-content>

View File

@ -170,9 +170,9 @@
</ion-toolbar>
<ion-toolbar color="tertiary">
<ion-segment>
<ion-segment-button checked>All</ion-segment-button>
<ion-segment-button>Favorites</ion-segment-button>
<ion-segment value="all">
<ion-segment-button value="all">All</ion-segment-button>
<ion-segment-button value="favorites">Favorites</ion-segment-button>
</ion-segment>
</ion-toolbar>
@ -186,9 +186,9 @@
</ion-button>
</ion-buttons>
<ion-segment>
<ion-segment-button checked>All</ion-segment-button>
<ion-segment-button>Favorites</ion-segment-button>
<ion-segment value="all">
<ion-segment-button value="all">All</ion-segment-button>
<ion-segment-button value="favorites">Favorites</ion-segment-button>
</ion-segment>
</ion-toolbar>
@ -197,9 +197,9 @@
<ion-menu-button auto-hide="false"></ion-menu-button>
</ion-buttons>
<ion-segment>
<ion-segment-button checked>All</ion-segment-button>
<ion-segment-button>Favorites</ion-segment-button>
<ion-segment value="all">
<ion-segment-button value="all">All</ion-segment-button>
<ion-segment-button value="favorites">Favorites</ion-segment-button>
</ion-segment>
</ion-toolbar>
@ -208,9 +208,9 @@
<ion-menu-button auto-hide="false"></ion-menu-button>
</ion-buttons>
<ion-segment>
<ion-segment-button checked>All</ion-segment-button>
<ion-segment-button>Favorites</ion-segment-button>
<ion-segment value="all">
<ion-segment-button value="all">All</ion-segment-button>
<ion-segment-button value="favorites">Favorites</ion-segment-button>
</ion-segment>
</ion-toolbar>