Introduction Foundations Components Directives Pipes Motion Brand

Alerts & notifications

Buttons & actions

Cards

Forms

Icons / images / media

Layouts

Navigation

Popups / overlays

Progress & loading indicators

Tags

Typography

Pull refresh

A container component that streamlines the implementation of pull-to-refresh functionality.

Used to detect pull-down gestures to initiate content updates. The pull-down gesture is only detected if the scrollbar is at the top most position.

Contents

Default Drawer type Scroll basis Spinner type

Drawer Type

Drawer type pull-refresh means that the whole content inside the component is dragged down while the user is pulling down.

Content

Content

Content

Content

Content

Content

Content

Content

Inputs
type : PullRefreshType
refreshCollectionNames ?: readonly DatastoreCollectionType[]

Refetches data from the datastore for the specified collection names.

scrollBasis ?: PullRefreshScrollBasis = SCROLL_BASIS_WINDOW

Specify which scrollbar container to use. A value of `'window'` means that the default global window scrollbar is used. A value of `'host'` means the pull-refresh component will become the scrollable scrollable container. The `max-height` of the component should be set externally through CSS.

Outputs
refresh ?: any = new EventEmitter<void>()

Emits whenever the gesture has reached the `flPullRefreshTriggerDistance` then the user stops/releases. Use this output if you want to manually detect a refresh instead of using `refreshCollectionNames` to refresh collections.