# Debug ## Setup **Attribute:** `sf-debug` **Values:** `none` , `true` or `steps` **Default:** `false` **Where:** Apply to the `script` tag of Superform within the `` or just before ``. Enables detailed console output for debugging purposes during form interaction. It logs **form data**, **step count**, **progress percentage**, and **scores** at each step change, providing a collapsible and organized view of form state changes. Enables also step expansion for total control of all steps at the same time inside a debug view.
### 1. `sf-debug` or `sf-debug = true` Console logging of data. {% code title="index.html" %} ```html ``` {% endcode %} {% tabs %} {% tab title="Overview" %}

Setting `sf-debug` inside the script tag.

Console output of `sf-debug` and/or `sf-debug=true`

{% endtab %} {% tab title="Video" %} {% embed url="" %} {% endtab %} {% endtabs %} ### 2. `sf-debug = steps` Activates console logging alongside step expansion specifically designed to enhance debugging in multi-step forms. By enabling `sf-debug="steps"`, you can ensure thorough oversight and easier management of form dynamics. {% code title="index.html" %} ```html ``` {% endcode %}