Back to top

The back to top component is a shortcut that allows users to quickly navigate to the top of a page via a button.

Below example does not demonstrate functionality see React demos for a full demonstration.

Back to top only shows after overflowing element has been scrolled 400px.

Examples

Basic

Props

BackToTop

*required
NameTypeDefaultDescription
classNamestringAdditional classes added to the back to top.
isAlwaysVisiblebooleanFlag to always show back to top button, defaults to false.
scrollableSelectorstringSelector for the scrollable element to spy on. Not passing a selector defaults to spying on window scroll events.
titlestringTitle to appear in back to top button.

CSS variables

Expand or collapse columnSelectorVariableValue