diff --git a/content/en/meshmap/designer/tagsets/_index.md b/content/en/meshmap/designer/tagsets/_index.md new file mode 100644 index 00000000..ab9d2d24 --- /dev/null +++ b/content/en/meshmap/designer/tagsets/_index.md @@ -0,0 +1,34 @@ +--- +title: Working with Tags +description: > + Share design with other users and use control access to manage design access permissions and visibility. +weight: 6 +categories: [Designer] +tags: [designs, collaboration, review] +--- + +## Overview + +You can group components using tags. Tags are key-value pairs that help you organize and categorize components within your design. Tags can be used to visually group components. You can also use tags to filter components and view only those that match the tag criteria. + +{{< alert title="Related Concept">}} +Kubernetes resources are capable of being assigned Label and Annotation key/value pairs. When pairs of Labels or Annotations match, a relationship is formed and visualized as shown below. +{{< /alert >}} + +## Grouping Components with Tags + +To group components using tags, follow these steps. + +![Tags](./tagsets.gif) + +## Labels and Annotations + +Designs support two different types of tags: Labels and Annotations. Labels are often used to identify components and are visible on the design canvas. Annotations are often used to provide additional information about components. + +Labels and Annotations + +{{< alert title="Performance Consideration" type="warning">}} +Tags are indexed and searchable. However, the performance of design operations may degrade as the number of tags increases. To ensure an optimal user experience, we recommend using tags judiciously and limiting the number of tags used in a design. + +MeshMap will disable grouping by tags when the number of tags exceeds 10 within a single Design. +{{< /alert >}} \ No newline at end of file diff --git a/content/en/meshmap/designer/tagsets/group-components.png b/content/en/meshmap/designer/tagsets/group-components.png new file mode 100644 index 00000000..45906140 Binary files /dev/null and b/content/en/meshmap/designer/tagsets/group-components.png differ diff --git a/content/en/meshmap/designer/tagsets/tagsets.gif b/content/en/meshmap/designer/tagsets/tagsets.gif new file mode 100644 index 00000000..8c709eb1 Binary files /dev/null and b/content/en/meshmap/designer/tagsets/tagsets.gif differ