chore(demo): migrate ring-chart docs to new api (#10262)

Co-authored-by: m.rashevskiy <[email protected]>
taiga-family · Jan 29, 2025 · 459e93c · 459e93c
1 parent 0c9a4e9
commit 459e93c
Showing 1 changed file with 23 additions and 24 deletions.
diff --git a/projects/demo/src/modules/components/ring-chart/index.html b/projects/demo/src/modules/components/ring-chart/index.html
@@ -28,36 +28,35 @@
                 [(activeItemIndex)]="activeItemIndex"
             />
         </tui-doc-demo>
-        <tui-doc-documentation>
-            <ng-template
-                documentationPropertyMode="input-output"
-                documentationPropertyName="activeItemIndex"
-                documentationPropertyType="number"
-                [documentationPropertyValues]="activeItemIndexVariants"
-                [(documentationPropertyValue)]="activeItemIndex"
+        <table tuiDocAPI>
+            <tr
+                name="[(activeItemIndex)]"
+                tuiDocAPIItem
+                type="number"
+                [items]="activeItemIndexVariants"
+                [(value)]="activeItemIndex"
             >
                 Active fragment
-            </ng-template>
-            <ng-template
-                documentationPropertyMode="input"
-                documentationPropertyName="size"
-                documentationPropertyType="TuiSizeXS | TuiSizeXL"
-                [documentationPropertyValues]="sizeVariants"
-                [(documentationPropertyValue)]="size"
+            </tr>
+            <tr
+                name="[size]"
+                tuiDocAPIItem
+                type="TuiSizeXS | TuiSizeXL"
+                [items]="sizeVariants"
+                [(value)]="size"
             >
                 Size
-            </ng-template>
-            <ng-template
-                documentationPropertyMode="input"
-                documentationPropertyName="value"
-                documentationPropertyType="readonly number[]"
-                [documentationPropertyValues]="valueVariants"
-                [(documentationPropertyValue)]="value"
+            </tr>
+            <tr
+                name="[value]"
+                tuiDocAPIItem
+                type="readonly number[]"
+                [items]="valueVariants"
+                [(value)]="value"
             >
                 Value
-            </ng-template>
-        </tui-doc-documentation>
+            </tr>
+        </table>
     </ng-template>
-
     <tui-setup *pageTab />
 </tui-doc-page>