These are commonly used near the top left of a layout to provide a directional affordance. They can be used with or without the page name.

<BackLink pageLabel="Previous Page" onClick={() => alert("redirecting")} />
<BackLink onClick={() => alert("redirecting")} />
<BackLink pageLabel="Specific Page" href="/#/form/togglebox" />

Best Practices

A Back Link should:

  • Appear in the top left of the layout, near the layout title
  • Include name of the page the user will travel to if possible


import { BackLink } from '@servicetitan/design-system';