From 343d38b2f8c7a8f72bc106163da773d52f1d5a3f Mon Sep 17 00:00:00 2001
From: Maksim Ivanov <omaxphp@yandex.ru>
Date: Tue, 2 Jul 2024 10:39:05 +0300
Subject: [PATCH] feat(addon-docs): support custom tags (#7979)

---
 projects/addon-doc/components/page/page.component.ts       | 3 +++
 projects/addon-doc/components/page/page.template.html      | 7 +++++++
 .../experimental/appearance/appearance.template.html       | 1 +
 3 files changed, 11 insertions(+)

diff --git a/projects/addon-doc/components/page/page.component.ts b/projects/addon-doc/components/page/page.component.ts
index 2af5d4129e31..98a59a54eac4 100644
--- a/projects/addon-doc/components/page/page.component.ts
+++ b/projects/addon-doc/components/page/page.component.ts
@@ -26,6 +26,9 @@ export class TuiDocPageComponent {
     @Input()
     package = '';
 
+    @Input()
+    tags: string[] = [];
+
     @Input()
     type = '';
 
diff --git a/projects/addon-doc/components/page/page.template.html b/projects/addon-doc/components/page/page.template.html
index 4fc8c4f840e3..8a7f8e1d44cb 100644
--- a/projects/addon-doc/components/page/page.template.html
+++ b/projects/addon-doc/components/page/page.template.html
@@ -14,6 +14,13 @@ <h1 class="t-title">
             [autoColor]="true"
             [value]="package"
         ></tui-tag>
+        <tui-tag
+            *ngFor="let tag of tags"
+            status="custom"
+            class="t-tag t-tag_package"
+            [autoColor]="true"
+            [value]="tag"
+        ></tui-tag>
     </h1>
     <tui-tabs-with-more
         *ngIf="tabConnectors.length"
diff --git a/projects/demo/src/modules/experimental/appearance/appearance.template.html b/projects/demo/src/modules/experimental/appearance/appearance.template.html
index 96999572ed19..18efa3bb6adf 100644
--- a/projects/demo/src/modules/experimental/appearance/appearance.template.html
+++ b/projects/demo/src/modules/experimental/appearance/appearance.template.html
@@ -2,6 +2,7 @@
     header="Appearance"
     package="EXPERIMENTAL"
     type="directives"
+    [tags]="['stable']"
 >
     <ng-template pageTab>
         <tui-notification status="warning">