Introduction Foundations Components Directives Pipes Motion Brand

Alerts & notifications

Buttons & actions

Button Link Pull refresh Share buttons Share link Social buttons Split button Toggle buttons

Cards

Forms

Icons / images / media

Layouts

Navigation

Popups / overlays

Progress & loading indicators

Tags

Typography

Components Buttons & actions Pull refresh

Pull refresh

Pull-to-refresh container that triggers when pulled down from the top

Contents

Default
Drawer type
Scroll basis

Spinner Type

Spinner type pull-refresh means that a spinner will appear at the top and will be pulled down by the user.

Content

Content

Content

Content

Content

Content

Content

Content

Inputs in Spinner type
type : PullRefreshType
Also set in this example
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.