chore(infinite-scroll): move infinite-scroll-content to separate directory

This commit is contained in:
Adam Bradley
2017-11-28 20:55:22 -06:00
parent 5ab026bfb7
commit d61a48aab8
5 changed files with 122 additions and 67 deletions

View File

@ -1053,7 +1053,7 @@ declare global {
import { import {
InfiniteScrollContent as IonInfiniteScrollContent InfiniteScrollContent as IonInfiniteScrollContent
} from './components/infinite-scroll/infinite-scroll-content'; } from './components/infinite-scroll-content/infinite-scroll-content';
declare global { declare global {
interface HTMLIonInfiniteScrollContentElement extends IonInfiniteScrollContent, HTMLElement { interface HTMLIonInfiniteScrollContentElement extends IonInfiniteScrollContent, HTMLElement {

View File

@ -1,9 +1,7 @@
import { Component, Prop } from '@stencil/core'; import { Component, Prop } from '@stencil/core';
import { Config } from '../../index'; import { Config } from '../../index';
/**
* @hidden
*/
@Component({ @Component({
tag: 'ion-infinite-scroll-content' tag: 'ion-infinite-scroll-content'
}) })

View File

@ -0,0 +1,35 @@
# ion-infinite-scroll-content
<!-- Auto Generated Below -->
## Properties
#### loadingSpinner
string
#### loadingText
string
## Attributes
#### loadingSpinner
string
#### loadingText
string
----------------------------------------------
*Built by [StencilJS](https://stenciljs.com/)*

View File

@ -1,4 +1,4 @@
# ion-infinite-scroll-content # ion-infinite-scroll
The Infinite Scroll allows you to perform an action when the user The Infinite Scroll allows you to perform an action when the user
scrolls a specified distance from the bottom or top of the page. scrolls a specified distance from the bottom or top of the page.
@ -49,6 +49,7 @@ export class NewsFeedPage {
} }
``` ```
## `waitFor` method of InfiniteScroll ## `waitFor` method of InfiniteScroll
In case if your async operation returns promise you can utilize In case if your async operation returns promise you can utilize
@ -96,6 +97,7 @@ export class NewsFeedPage {
} }
``` ```
## Infinite Scroll Content ## Infinite Scroll Content
By default, Ionic uses the infinite scroll spinner that looks By default, Ionic uses the infinite scroll spinner that looks
@ -133,28 +135,48 @@ You could replace our default content with custom SVG or CSS animations.
## Properties ## Properties
#### loadingSpinner #### enabled
boolean
#### position
string string
#### loadingText #### threshold
string string
## Attributes ## Attributes
#### loadingSpinner #### enabled
boolean
#### position
string string
#### loadingText #### threshold
string string
## Events
#### ionInfinite
## Methods
#### complete()
---------------------------------------------- ----------------------------------------------

View File

@ -49,7 +49,7 @@ export {
export { Grid } from './components/grid/grid'; export { Grid } from './components/grid/grid';
export { Header } from './components/header/header'; export { Header } from './components/header/header';
export { InfiniteScroll } from './components/infinite-scroll/infinite-scroll'; export { InfiniteScroll } from './components/infinite-scroll/infinite-scroll';
export { InfiniteScrollContent } from './components/infinite-scroll/infinite-scroll-content'; export { InfiniteScrollContent } from './components/infinite-scroll-content/infinite-scroll-content';
export { Input } from './components/input/input'; export { Input } from './components/input/input';
export { Item } from './components/item/item'; export { Item } from './components/item/item';
export { ItemDivider } from './components/item-divider/item-divider'; export { ItemDivider } from './components/item-divider/item-divider';