Status
BackLink
The way back, at the top left of a detail page: a left chevron and the name of the list it returns to ("Projects", "Brands").
Preview
Props
| Prop | Type | Description |
|---|---|---|
href | string | |
onClick | React.MouseEventHandler<HTMLAnchorElement> | |
size | 'M' | 'L' | |
className | string | |
children | React.ReactNode |
Guidelines
The way back, at the top left of a detail page: a left chevron and the name of the list it returns to ("Projects", "Brands").
Provide: href and the destination's name as children. Use size: 'L' on phones.
- One per page, above the page title, aligned so its chevron sits just left of the content edge.
- Name the place, not the action: "Projects", never "Back".