# Error Handling

Using the Progress Indicator's "**Has Error**" attribute, you can visually indicate errors in specific flow steps.

<figure><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2F714H1rSmgog22zsSaR2r%2F2024-07-16_21-23-11%20(1).gif?alt=media&#x26;token=5dd5b26c-3ad6-4804-99fe-f6e9a1659903" alt=""><figcaption></figcaption></figure>

1. **Connect to a Boolean Formula:** Link the "Has Error" attribute to a Boolean formula variable that evaluates whether a specific condition is met (e.g., a required field is empty).
2. **Customize the Error Icon:** In the "Step Icon" section, you can choose a custom icon to display when an error occurs.
3. **Additional Styling:** Adjust the styling of the error icon to match your preferences.

## Example:

Imagine a flow with a progress indicator and an Input Choice Set component on the second step. If the user doesn't select an option, you want to display an error.

* Create a Boolean formula variable that checks if the Input Choice Set's value is empty.

<figure><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FWQFapyCY2FXG2detLqVh%2F2024-07-16_21-03-51.png?alt=media&#x26;token=aea76e9b-21cb-4432-9b39-e1d1d5ca88d9" alt=""><figcaption></figcaption></figure>

* Connect this formula to the "Has Error" attribute of the second step in the Progress Indicator.

<figure><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FWtvKl3nEdfCdJZb2r3hw%2F2024-07-16_21-04-19%20(1).png?alt=media&#x26;token=a5c7fc96-7bbc-4727-bbc3-f7c171f9d80c" alt=""><figcaption></figcaption></figure>

* Optionally, choose a custom error icon and adjust its styling.

Now, if the user tries to proceed without selecting an option, the second step in the progress indicator will display the error icon, providing clear visual feedback about the issue.


---

# 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.avonnicomponents.com/flow/tutorials/components/progress-indicator/error-handling.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.
