Floating Button Demo
Scroll down to see the scroll-to-top button appear in the bottom right.
Notice the help button and chat button in the bottom left.
The desktopOffset and mobileOffset props can be used to offset the floating button for bottom bars on mobile, or sidebars on desktop
Section 1
This is a placeholder section to create scrollable content. As you scroll down, the floating "Scroll to top" button will appear in the bottom right corner.
Section 2
This is a placeholder section to create scrollable content. As you scroll down, the floating "Scroll to top" button will appear in the bottom right corner.
Section 3
This is a placeholder section to create scrollable content. As you scroll down, the floating "Scroll to top" button will appear in the bottom right corner.
Section 4
This is a placeholder section to create scrollable content. As you scroll down, the floating "Scroll to top" button will appear in the bottom right corner.
Section 5
This is a placeholder section to create scrollable content. As you scroll down, the floating "Scroll to top" button will appear in the bottom right corner.
Section 6
This is a placeholder section to create scrollable content. As you scroll down, the floating "Scroll to top" button will appear in the bottom right corner.
Section 7
This is a placeholder section to create scrollable content. As you scroll down, the floating "Scroll to top" button will appear in the bottom right corner.
Section 8
This is a placeholder section to create scrollable content. As you scroll down, the floating "Scroll to top" button will appear in the bottom right corner.
Section 9
This is a placeholder section to create scrollable content. As you scroll down, the floating "Scroll to top" button will appear in the bottom right corner.
Section 10
This is a placeholder section to create scrollable content. As you scroll down, the floating "Scroll to top" button will appear in the bottom right corner.