#9057 - chore(demo): Migrate tui-avatar docs API to new API (#10100)

Co-authored-by: Максим Иванов <[email protected]>
taiga-family · Jan 17, 2025 · 1873f62 · 1873f62
1 parent 039215f
commit 1873f62
Showing 1 changed file with 25 additions and 22 deletions.
diff --git a/projects/demo/src/modules/components/avatar/index.html b/projects/demo/src/modules/components/avatar/index.html
@@ -21,36 +21,39 @@
                 [src]="src"
             />
         </tui-doc-demo>
-        <tui-doc-documentation>
-            <ng-template
-                documentationPropertyMode="input"
-                documentationPropertyName="round"
-                documentationPropertyType="boolean"
-                [(documentationPropertyValue)]="round"
+
+        <table tuiDocAPI>
+            <tr
+                name="round"
+                tuiDocAPIItem
+                type="boolean"
+                [(value)]="round"
             >
                 Use round shape
-            </ng-template>
-            <ng-template
-                documentationPropertyMode="input"
-                documentationPropertyName="size"
-                documentationPropertyType="TuiSizeS | TuiSizeL"
-                [documentationPropertyValues]="sizes"
-                [(documentationPropertyValue)]="size"
+            </tr>
+
+            <tr
+                name="src"
+                tuiDocAPIItem
+                type="TuiSizeS | TuiSizeL"
+                [items]="sizes"
+                [(value)]="size"
             >
                 Size
-            </ng-template>
-            <ng-template
-                documentationPropertyMode="input"
-                documentationPropertyName="src"
-                documentationPropertyType="SafeResourceUrl | string | null"
-                [documentationPropertyValues]="srcVariants"
-                [(documentationPropertyValue)]="src"
+            </tr>
+
+            <tr
+                name="size"
+                tuiDocAPIItem
+                type="SafeResourceUrl | string | null"
+                [items]="srcVariants"
+                [(value)]="src"
             >
                 Initials, image URL, or icon name. Alternatively you can pass text as
                 <code>ng-content</code>
                 which would be styled differently from initials and fade if overflown
-            </ng-template>
-        </tui-doc-documentation>
+            </tr>
+        </table>
     </ng-template>
 
     <tui-setup *pageTab />