# Tags

Tags are flexible model object properties that help organize and draw attention to different objects in your system. They're fully customizable, and with IcePanel's tag visualization tools, you can show different perspectives on your system to have more focused discussions.

With tags, you can highlight specific parts of your system like:

* Risk
* Cost
* Security
* Regions
* Release versions
* Deployment information

<figure><img src="https://4065434276-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOHewp5hylgOsOa0VDOBo%2Fuploads%2FNCL0iJAqsEl2idEQ8xT2%2FTags-Intro.gif?alt=media&#x26;token=ed6b14c8-5fc3-42a8-851e-f1e6dd5ad02a" alt=""><figcaption><p>Add tags and visualize your system from multiple perspectives</p></figcaption></figure>

## Creating a Tag group

{% hint style="info" %}
A maximum of 2 tag groups can be created per landscape on Free plans. For unlimited tag groups, upgrade to Growth or Isolation plans.
{% endhint %}

A Tag group is a collection or category for your tags. Tag groups and their respective tags are shared across a landscape and can be edited by users with `Editor` or `Admin` permissions.

There 2 ways to create a Tag group:

### **In the bottom Tag bar (faster)**

1. Navigate to the bottom Tag bar in a diagram
2. Click on the `New group` button
3. Name the Tag group
4. To edit the Tag group icon, click on the overflow menu and `Set icon` *(optional)*
5. To re-arrange Tag groups, click and drag on the area to the left of the Tag group *(optional)*

<figure><img src="https://4065434276-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOHewp5hylgOsOa0VDOBo%2Fuploads%2FWzEurc4DricdrItpEWG9%2Fimage.png?alt=media&#x26;token=bba7d870-1431-4ec7-9678-ee50296b3599" alt=""><figcaption><p>Creating a new Tag group in the Tag bar</p></figcaption></figure>

### **In the object details view**

1. Click on an object in a diagram or the model objects tab
2. On the right-hand menu, click the `Add tag` button (if the object already has tags, click on the tag area)
3. Click on `New group`
4. Name the Tag group
5. Click on the Tag group icon to edit it (*optional)*

<figure><img src="https://4065434276-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOHewp5hylgOsOa0VDOBo%2Fuploads%2FB1M6meD3Y4y43KRzeG3g%2Fimage.png?alt=media&#x26;token=24e21fad-b475-4a80-85f4-239a7538b20d" alt="" width="375"><figcaption><p>Creating a new Tag group in object details view</p></figcaption></figure>

## Creating a tag

There are no restrictions on the number of tags you can create on all plans, but they must be nested in a Tag group.

There are 2 ways to create a tag:

### **In the bottom Tag bar (faster)**

1. Navigate to the bottom tag bar in a diagram
2. Click on the Tag group you want to add a tag to
3. Click on the `New tag` button
4. Name the tag
5. Hover on the tag and click on `Color` to edit the tag's colour *(optional)*

<figure><img src="https://4065434276-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOHewp5hylgOsOa0VDOBo%2Fuploads%2FoEtsTZIOixSUWWr8o4Mp%2Fimage.png?alt=media&#x26;token=4697ed56-1494-411e-9457-ca7abf6a6a8c" alt="" width="375"><figcaption><p>Creating a new tag in the Tag bar</p></figcaption></figure>

### **In the object details view**

1. Click on an object in a diagram or the model objects tab
2. On the right-hand menu, click on the `Add tag` button (if the object already has tags, click on the tag area)
3. Click on the `+` button at the top right of the Tag group or on the `New tag` button if the Tag group is empty
4. Name the tag
5. Click on the palette icon (🎨) to edit the colour of the tag *(optional)*

<figure><img src="https://4065434276-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOHewp5hylgOsOa0VDOBo%2Fuploads%2F73phuADn5EurhuF03fxW%2Fimage.png?alt=media&#x26;token=711d9034-2192-411d-9884-0065ad37a5ea" alt="" width="375"><figcaption><p>Creating a new tag in object details view</p></figcaption></figure>

## Adding a tag to an object

To add a tag to an object:

1. Click on an object in a diagram or the Model objects tab
2. On the right-hand menu, click on the `Add tag` button (if the object already has tags, click on the tag area)
3. Click on the tag(s) you want to add. You can add as many tags to an object

{% hint style="info" %}
**Tip:** You can quickly add a tag to multiple objects by multi-selecting objects and applying the tag.
{% endhint %}

<figure><img src="https://4065434276-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOHewp5hylgOsOa0VDOBo%2Fuploads%2FRcbPL7z4ObtGXIkpg88X%2FAdd-Tags.gif?alt=media&#x26;token=fdcda4d6-43dd-403d-94e3-9d89e005d33f" alt=""><figcaption><p>Adding tags to multiple objects</p></figcaption></figure>

## Deleting a Tag group

There are 2 ways to delete a Tag group.

### **In the bottom tag bar (faster)**

1. Navigate to the bottom tag bar in a diagram
2. Click on the Tag group you want to delete
3. Click on the overflow menu beside the Tag group
4. Click on the `Delete` button
5. Click on the `Delete` button again to confirm

<figure><img src="https://4065434276-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOHewp5hylgOsOa0VDOBo%2Fuploads%2FGBB1YpNZA0fqcN86JR4m%2Fimage.png?alt=media&#x26;token=d6eebabd-7459-48a6-a4c3-9e20b53f8db7" alt="" width="375"><figcaption><p>Deleting a Tag group in the Tag bar</p></figcaption></figure>

### **In the object details view**

1. Click on an object in a diagram or the model objects tab
2. On the right-hand menu, click on the tag area
3. Hover over the Tag group and click on the trash icon (🗑️)
4. Click on the `Delete` button to confirm

<figure><img src="https://4065434276-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOHewp5hylgOsOa0VDOBo%2Fuploads%2FkGVzTug6thSSwNZgTGFC%2Fimage.png?alt=media&#x26;token=40119009-0f75-4dcc-981b-1141e851baaa" alt="" width="375"><figcaption><p>Deleting a Tag group in object details view</p></figcaption></figure>

## Deleting a tag

There are 2 ways to delete a Tag group:

### **In the bottom tag bar (faster)**

1. Navigate to the bottom tag bar in a diagram
2. Click on the Tag group where the tag is located
3. Hover over the tag you want to delete
4. Click on the `Delete` button
5. Click on the `Delete` button again to confirm

<figure><img src="https://4065434276-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOHewp5hylgOsOa0VDOBo%2Fuploads%2FQWr743ETRJTBoT4iNcbz%2Fimage.png?alt=media&#x26;token=3cbd4a66-2e14-4eaf-ab28-f4e4052ca11f" alt="" width="375"><figcaption><p>Deleting a tag in the Tag bar</p></figcaption></figure>

### **In the object details view**

1. Click on an object in a diagram or the model objects tab
2. On the right-hand menu, click on the tag area
3. Hover over a tag and click on the pencil icon (✏️) to the right
4. Click on the trash icon (🗑️)
5. Click on the `Delete` button to confirm

<figure><img src="https://4065434276-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOHewp5hylgOsOa0VDOBo%2Fuploads%2FpWMsIMnjXS1J8EklgPm1%2Fimage.png?alt=media&#x26;token=ebcd6598-7473-4b93-b777-ce77445e5186" alt="" width="375"><figcaption><p>Deleting a tag in object details view</p></figcaption></figure>

## Seeing tags in a diagram

You can view your tags in a diagram by opening the Tags bar at the bottom of the navigation. Click on the `Tags` label or a Tag group to open it. Tags are only visible in a diagram when the Tags bar is open.

The Tags bar is a controller for:

* Showing tags by Tag group in a diagram
* Highlighting objects by tag by hovering over it
* Pinning objects by clicking on the tag
* Focusing on objects by tag
* Hiding objects by  tag

### Showing tags by Tag group

When the Tag bar opens, you can switch between Tag groups to view your diagram objects with their respective tags. Each object will display the tag's colour as a coloured bar on the bottom.&#x20;

If an object has 2 or more tags applied, it will add a bar for each tag colour horizontally responsive. Connections only use the colour of the first tag applied unless hovering, pinning, or focusing on other tags.&#x20;

<figure><img src="https://4065434276-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOHewp5hylgOsOa0VDOBo%2Fuploads%2FxBCYXrkGb5iY5PM41gdn%2FShowing-Tags.gif?alt=media&#x26;token=44877f75-e1c2-435a-98bf-3b49557d1fb8" alt=""><figcaption><p>Showing tags by Tag group</p></figcaption></figure>

### Highlighting objects by tag

Hovering on a tag will highlight all objects in that tag's colour in the diagram.

<figure><img src="https://4065434276-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOHewp5hylgOsOa0VDOBo%2Fuploads%2FWlRIF0N1SU3zf9HJsZBU%2FHighlight-Tags.gif?alt=media&#x26;token=41393cb6-4e08-4710-8186-e7809d4f1174" alt=""><figcaption><p>Highlighting tags in a diagram</p></figcaption></figure>

### Pinning a tag

Pinning tags is a quick way to give extra visual attention to specific objects in the diagram.

To pin a tag:

1. Open the Tag bar
2. Click on the tag you want to pin
3. Click on the tag again to unpin it&#x20;

Pinned tags apply a dotted line in the colour of the tag around the object. The tag name is also added to the bottom left of the object.

<figure><img src="https://4065434276-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOHewp5hylgOsOa0VDOBo%2Fuploads%2FxvEJQrxAJdj76jNGu7jY%2FPin-Tag.gif?alt=media&#x26;token=04e3b057-e77e-4d82-b22b-08c7df33da41" alt=""><figcaption><p>Pinning a tag</p></figcaption></figure>

{% hint style="info" %}
**Tip:** You can click on the pin icon (📍) to pin all tags in a Tag group. If an object has more than 1 tag, the dotted line will default to the *first* tag in the list.
{% endhint %}

### Focusing on a tag

Focusing on a tag allows you to reduce the complexity of a diagram by only showing the objects with the tag, their connections (any direction), and the objects they're connected to.

To focus on a tag:

1. Open the Tag bar
2. Hover on the tag you want to focus on and click the `Focus` button
3. To unfocus the tag, click on the tag again

Only objects with that tag, their connections, and connected objects will appear in the diagram. Connected objects will be slightly greyed out. An indicator will appear in the bottom navigation to show tags in focus. You can also use this to unfocus the tag.

<figure><img src="https://4065434276-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOHewp5hylgOsOa0VDOBo%2Fuploads%2F5SlxI3Fq7nyaEZ3Jf0t8%2FFocus-Tag.gif?alt=media&#x26;token=3f98475b-966b-4556-b805-0ddfeffee2fb" alt=""><figcaption><p>Focusing on a tag</p></figcaption></figure>

### Hiding a tag

Hiding a tag removes all objects with the tag and their connections (any direction) in the diagram. It's a great way to show the difference when model objects are being deprecated or exist in a future release without removing them permanently from the diagram or model.

To hide a tag:

1. Open the Tag bar
2. Hover on the tag you want to hide and click the `Hide` button
3. To unhide the tag, click on the tag again

Objects with that tag and their connections will disappear from the diagram unless you hover over the tag (they'll appear slightly greyed out). An indicator will appear in the bottom navigation to show hidden tags.&#x20;

<figure><img src="https://4065434276-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOHewp5hylgOsOa0VDOBo%2Fuploads%2FYlb4zMEvbnRxOGtrt0Px%2FHide-Tags.gif?alt=media&#x26;token=b4f52e39-d6fb-4574-a97b-932658f138f9" alt=""><figcaption><p>Hiding a tag</p></figcaption></figure>

{% hint style="info" %}
**Note:** You can hide more than 1 tag in a diagram
{% endhint %}

## Tags with flows

Using tags in combination with [Flows](https://docs.icepanel.io/visual-storytelling/flows) is a great way to visualize use cases with an added layer of perspective. This can help your team identify anything from risky areas in a flow to expensive systems or apps that should be investigated for cost reduction.

<figure><img src="https://4065434276-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOHewp5hylgOsOa0VDOBo%2Fuploads%2F98UtCTQh4DFcED6hHxRI%2FTags-Flows.gif?alt=media&#x26;token=aa47c0ef-06fb-4ac6-ba7a-59ed6404d2ab" alt=""><figcaption><p>Viewing tags when going through a flow</p></figcaption></figure>

## Filtering tags in the Model objects tab

If you prefer to view objects by tag in a list view, you can use filters in the Model objects tab.

Here's how to do this:

1. From your landscape, go to the Model objects tab
2. Click on the `Filter` button
3. Click on `Tags`
4. Select which tags you want to filter

<figure><img src="https://4065434276-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOHewp5hylgOsOa0VDOBo%2Fuploads%2F1XAt4gGp9ywEtbpJ5CuU%2FFilter-Tags.gif?alt=media&#x26;token=98e41573-22ce-4121-b5e1-d80056efbcd9" alt=""><figcaption><p>Filtering tags in Model objects list</p></figcaption></figure>
