# Component: Button

**Purpose:** The Button component provides Limio Commerce users with greater flexibility in designing their user journeys. It allows the Limio Commerce user to send an end user to any destination they wish, from anywhere on the Limio page.

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

**Props**

| **Prop Label** | **Type** | **Default Value** | **Info**                                                             |
| -------------- | -------- | ----------------- | -------------------------------------------------------------------- |
| Button Label   | string   | Click here        | Defines the call-to-action (CTA) text displayed on the button.       |
| Checkout URL   | string   | /default          | Defines the destination that the user will get sent to when clicking |

**Checkout URL details**

When a customer clicks the Button component, they will be redirected to the destination defined in the Redirect URL prop, which can either be a Limio page or a non-Limio page.

* For a Limio page, the user can just enter the page tag (e.g. /cart)
* For a non-Limio page, the user must enter the full URL

If an invalid URL is configured in the Redirect URL prop - the button does not send the user anywhere.

Any tracking tags present in the URL should persist to the next page.


---

# 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/cart-components/component-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.
