docs(): usage and examples

This commit is contained in:
mhartington
2018-06-18 12:45:06 -04:00
parent 518594bcc4
commit 96945b1ee1
66 changed files with 809 additions and 604 deletions

View File

@ -1,5 +1,6 @@
# ion-tab-button
TabButton is an internal component for tabs. Please see the [Tab docs](../tab) for more details.
<!-- Auto Generated Below -->
@ -11,11 +12,15 @@
boolean
If the tab is selected or not
#### tab
HTMLIonTabElement
The tab component for the button
## Attributes
@ -23,22 +28,32 @@ HTMLIonTabElement
boolean
If the tab is selected or not
#### tab
The tab component for the button
## Events
#### ionTabButtonDidLoad
Emitted when the tab button is loaded
#### ionTabButtonDidUnload
Emitted when the tab button is destroyed
#### ionTabbarClick
Emitted when the tab bar is clicked
----------------------------------------------

View File

@ -17,11 +17,19 @@ export class TabButton {
@State() keyFocus = false;
/** If the tab is selected or not */
@Prop() selected = false;
/** The tab component for the button */
@Prop() tab!: HTMLIonTabElement;
/** Emitted when the tab bar is clicked */
@Event() ionTabbarClick!: EventEmitter<HTMLIonTabElement>;
/** Emitted when the tab button is loaded */
@Event() ionTabButtonDidLoad!: EventEmitter<void>;
/** Emitted when the tab button is destroyed */
@Event() ionTabButtonDidUnload!: EventEmitter<void>;
componentDidLoad() {