diff --git a/demos/segment/index.ts b/demos/segment/index.ts index 7809912a68..6ba3058e7c 100644 --- a/demos/segment/index.ts +++ b/demos/segment/index.ts @@ -1,12 +1,21 @@ -import {App, Platform} from 'ionic/ionic'; +import {App} from 'ionic/ionic'; @App({ templateUrl: 'main.html' }) class ApiDemoApp { - constructor(platform: Platform) { - this.platform = platform; + constructor() { + this.appType = "paid"; + this.safari = "links"; + this.news = "local"; + this.favorites = "recent"; + + this.purchased = "all"; + this.mapStyle = "sat"; + this.teslaModels = "X"; + this.pet = "puppies"; - this.isAndroid = platform.is('android'); + this.calendar = "day"; + this.proxy = "auto"; } } diff --git a/demos/segment/main.html b/demos/segment/main.html index 651281a62c..e332338824 100644 --- a/demos/segment/main.html +++ b/demos/segment/main.html @@ -2,9 +2,99 @@ Segment + + + + Paid + + + Free + + + Top + + + - - + + + + Worldwide + + + Local + + + Headlines + + + + + + + + + + + + + + + + + + + + + + Featured + + + Recent + + + + + +

Segments can be placed in a toolbar or anywhere in the content.

+ + + + All + + + Not on This Phone + + + + + + Standard + + + Hybrid + + + Satellite + + + + + + Model S + + + Model X + + + Model 3 + + + +
+ + + Puppies @@ -17,95 +107,40 @@ + + + + List + + + Day + + + Month + + + - + + + + Off + + + Manual + + + Auto + + + - - -
- - - - - -

Ruby

-
- - - - -

Oscar

-
- - - - -

Zoey

-
- - - - -

Otto

-
-
- - - - - - -

Luna

-
- - - - -

Milo

-
- - - - -

Bandit

-
- - - - -

Nala

-
-
- - - - - - -

Daffy

-
- - - - -

Huey

-
- - - - -

Dewey

-
- - - - -

Louie

-
-
-
- - -
+ .icon-segment-demo .segment-button { + max-height: 2.4rem; + } + diff --git a/ionic/components/segment/segment.ts b/ionic/components/segment/segment.ts index eb5d297dbc..eca848ac8d 100644 --- a/ionic/components/segment/segment.ts +++ b/ionic/components/segment/segment.ts @@ -38,9 +38,8 @@ import {isDefined} from '../../util/util'; * * ``` * - * @property {string} [value] - the value of the segment-button. Required. - * @property {Any} [click] - expression to evaluate when a segment button has been clicked - * @property {Any} (select) - expression to evaluate when a segment selection has been changed + * @property {string} [value] - the value of the segment button. Required. + * @property {Any} (select) - expression to evaluate when a segment button has been clicked * * @demo /docs/v2/demos/segment/ * @see {@link /docs/v2/components#segment Segment Component Docs} @@ -136,7 +135,7 @@ export class SegmentButton { * * ``` * - * @property {Any} [change] - expression to evaluate when a segment button has been changed + * @property {Any} (change) - expression to evaluate when a segment button has been changed * * @demo /docs/v2/demos/segment/ * @see {@link /docs/v2/components#segment Segment Component Docs}