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

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.