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

Pull to refresh in bits

The pull to refresh component only works for touch screens. To test this component, please use the device emulation mode in your browser's developer tools and turn on touch emulation.

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.