# Tags

## Overview

A list of color-coded labels. The component supports wrapping, several alignment options, and custom colors, as well as consistent color assignment ensuring that each distinct label is associated with a unique color.

<figure><img src="https://837703843-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUX6zPRMFFK0yrTghj7cY%2Fuploads%2F29bE0qAu8tWIxXGQy6u0%2FCleanShot%202025-09-09%20at%2015.46.13%402x-min.png?alt=media&#x26;token=614a289a-4d76-4c2d-87ba-bf302fd450ff" alt=""><figcaption></figcaption></figure>

### Properties

<table><thead><tr><th width="109.65625">Name</th><th width="100.83203125">Type</th><th>Description</th></tr></thead><tbody><tr><td><code>name</code></td><td><code>string</code></td><td>Component name</td></tr></tbody></table>

### Methods

<table><thead><tr><th width="96.64453125">Name</th><th width="242.515625">Parameters</th><th width="101.60546875">Returns</th><th>Description</th></tr></thead><tbody><tr><td><code>setValue</code></td><td><code>options: string | string[] | { value: any; title: string;</code> <br><code>color: string }[]</code></td><td><code>void</code></td><td>Set component value</td></tr></tbody></table>

### Triggers

<table><thead><tr><th width="141.6953125">Name</th><th>Description</th></tr></thead><tbody><tr><td><strong>On Init</strong></td><td>Triggered when the component is initialized</td></tr><tr><td><strong>On Tag Click</strong></td><td>Triggered when a tag is clicked</td></tr></tbody></table>