> For the complete documentation index, see [llms.txt](https://sygnal.gitbook.io/sygnal-webflow-components/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://sygnal.gitbook.io/sygnal-webflow-components/cc/technical-notes/sygnals-code-components-development-framework/identifying-test-components.md).

# Identifying Test Components

Sy

## Libraries

## Components&#x20;

Test components also appear with a ⚠️ warning symbol so that you can distinguish them from production components.&#x20;

{% hint style="success" %}
These are completely separate code streams from the production component and can have different properties as well, allowing full testing side-by side with the current production version of the component, with zero conflicts.&#x20;
{% endhint %}

**Once a component is released to production, you'll replace these manually with the production component, and copy the component props over.**&#x20;

{% tabs %}
{% tab title="Navigator" %}

<div data-full-width="false"><figure><img src="https://2784689242-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fijt1q5GHhhw4y4FjjPNG%2Fuploads%2F4uJVNXPd9LMFio4UPVWB%2Fimage.png?alt=media&amp;token=b3716628-8483-45f2-88c5-2a7f30f62e33" alt=""><figcaption></figcaption></figure></div>

{% endtab %}

{% tab title="Canvas" %}

{% endtab %}

{% tab title="Quick Search" %}

{% endtab %}
{% endtabs %}

### Navigator
