# Preview Colors

## Description

Previews a list of Colors as swatches

{% tabs %}
{% tab title="Preview" %}
![](https://3998772548-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8UMWfS21dL8V5gHso8pd%2Fuploads%2F0FpHxeZE69kXygVCSnO3%2FComponent_Preview.png?alt=media\&token=f23e251c-435c-4d77-ac8d-ed3f75635752)
{% endtab %}

{% tab title="Location" %}
**Name** | Preview Colors

**Nickname** | PrevClr

**Tab** | Display

**Panel** | Preview

**Division** | 4
{% endtab %}

{% tab title="Inputs" %}
**\_** | **Colors** (*Colour*) | A list of colors previewed as stacked swatches.
{% endtab %}

{% tab title="Ouputs" %}
*none*
{% endtab %}

{% tab title="Mode" %}
![](https://3998772548-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8UMWfS21dL8V5gHso8pd%2Fuploads%2FTzrwypvIpyu4fPrpWviL%2Fimage.png?alt=media\&token=7dede425-8726-44b5-9d29-e558fe912a0c)

* **Label** | When checked, the color known name or hex value is displayed on top of the swatch
* **Border** | When checked, a  black border is placed around each swatch&#x20;
* **Width** | The pixel width of the swatch preview
* **Height** | The pixel height of each swatch preview
  {% endtab %}
  {% endtabs %}

## Usage

The component has a single input for a list of colors and no output. All of the component modification is done through right clicking over the preview area.

![](https://3998772548-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8UMWfS21dL8V5gHso8pd%2Fuploads%2FKNWlFqMpd4ziYnj82BCx%2FPreview.gif?alt=media\&token=ba4de0bd-335a-4fef-b719-bd4ea548a84e)
