---
id: Back to top
section: components
---
import { useState } from 'react';
import { DashboardWrapper } from '@patternfly/react-core/dist/js/demos/DashboardWrapper';

## Demos

### Using name selector

Note that `tabIndex={0}` is added to the scrolling `PageSection` of the page to allow keyboard users the ability to focus and scroll.

```ts file="examples/BackToTop/BackToTopNameDemo.tsx" isFullscreen
```
