docs(all): improve type docs for event

This commit is contained in:
Manu Mtz.-Almeida
2018-12-28 20:12:54 +01:00
committed by Manu MA
parent b3316d480f
commit 3d656ac312
74 changed files with 380 additions and 371 deletions

View File

@ -219,10 +219,10 @@ for (let i = 0; i < segments.length; i++) {
## Events
| Event | Description | Detail |
| ----------- | -------------------------------------------- | -------------------- |
| `ionChange` | Emitted when the value property has changed. | TextInputChangeEvent |
| `ionStyle` | Emitted when the styles change. | StyleEvent |
| Event | Description | Type |
| ----------- | -------------------------------------------- | --------------------------------------- |
| `ionChange` | Emitted when the value property has changed. | `CustomEvent<SegmentChangeEventDetail>` |
| `ionStyle` | Emitted when the styles change. | `CustomEvent<StyleEventDetail>` |
----------------------------------------------

View File

@ -0,0 +1,6 @@
export type SegmentButtonLayout = 'icon-top' | 'icon-start' | 'icon-end' | 'icon-bottom' | 'icon-hide' | 'label-hide';
export interface SegmentChangeEventDetail {
value: string | undefined;
}

View File

@ -1,6 +1,6 @@
import { Component, ComponentInterface, Element, Event, EventEmitter, Listen, Prop, Watch } from '@stencil/core';
import { Color, Mode, StyleEvent, TextInputChangeEvent } from '../../interface';
import { Color, Mode, SegmentChangeEventDetail, StyleEventDetail } from '../../interface';
import { createColorClasses } from '../../utils/theme';
@Component({
@ -51,12 +51,12 @@ export class Segment implements ComponentInterface {
/**
* Emitted when the value property has changed.
*/
@Event() ionChange!: EventEmitter<TextInputChangeEvent>;
@Event() ionChange!: EventEmitter<SegmentChangeEventDetail>;
/**
* Emitted when the styles change.
*/
@Event() ionStyle!: EventEmitter<StyleEvent>;
@Event() ionStyle!: EventEmitter<StyleEventDetail>;
@Listen('ionSelect')
segmentClick(ev: CustomEvent) {