Skip to content

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.

Examples

Basic

Documentation

Usage

Class
Applied to
Outcome
.pf-v6-c-back-to-top
<div>
Initiates the back to top component. Required
.pf-m-hidden
.pf-v6-c-back-to-top
Modifies the component to be hidden.

Edit this page on GitHub

Contribute

Community

PatternFly is an open source design system built to drive consistency and unify teams. From documentation and components to code examples and tutorials, PatternFly is a place where design and development can thrive. We’re on a mission to help teams build consistent, accessible, and scalable enterprise product experiences—the open source way.

Red Hat
Copyright © 2014-2026 Red Hat, Inc.
Privacy statementTerms of useAll policies and guidelines