# Component: Back Button

**Purpose**: Provides a button for navigating back, with intelligent handling of different scenarios including redirect URLs and browser history.

{% embed url="<https://69c2cf3a42a094f3cd354b8d-ojozztnsdo.chromatic.com/?path=/story/shop-components-content-back-button--default&full=1&shortcuts=false&singleStory=true&embed=true>" %}

The Back Button component uses the following logic to determine its behaviour when clicked:

1. If there is a "redirect" parameter in the current URL's search params (for example: <https://limio-shop.limio.com/cart?redirect=/landing-page>), then navigate to the URL while preserving other URL parameters (except "redirect").
2. If no "redirect" URL is present but there's a previous page in the browser history, then navigate back to the previous page.
3. If there's no "redirect" URL and no previous page in history, then navigate to the origin of the current page (window\.location.origin).

## Props

| **Prop Label** | **Type**     | **Default Value** | **Info** |
| -------------- | ------------ | ----------------- | -------- |
| buttonLabel    | Button Label | string            | Back     |


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.limio.com/components/component-library/standard-components/component-back-button.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.