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="/" />
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
Importing
import { BackLink } from '@servicetitan/design-system';