BackButton

Introduction

Back buttons can be used to navigate to the previous page or screen within an application. By default, the BackButton will trigger the browser's history back function, which will only work if there is a previous page in the browser histoy.

BackButton should not be confused with Breadcrumbs component, which are used for navigating between multiple levels of a hierarchy.

Interactive demo

Try the interactive demo below to explore the BackButton component.

Best practices

• Placement: Place the BackButton in a consistent location across all pages, typically in a header above the page title.
• Custom text: The default label is “Back,” but you may use custom text when needed. Ensure the label clearly and concisely reflects the destination the user will return to.