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
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 in Drawer 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.