chore(demo): just add style background for testing API (#9064)

Co-authored-by: taiga-family-bot <[email protected]>
taiga-family · Sep 19, 2024 · 700a37f · 700a37f
1 parent 90cc083
commit 700a37f
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/projects/demo/src/modules/components/thumbnail-card/index.html b/projects/demo/src/modules/components/thumbnail-card/index.html
@@ -23,6 +23,7 @@
                 [monoHandler]="monoHandler"
                 [paymentSystem]="paymentSystem"
                 [size]="size"
+                [style.background]="background"
             >
                 1234
             </tui-thumbnail-card>
@@ -74,6 +75,14 @@
                 Size
             </ng-template>
         </tui-doc-documentation>
+        <tui-doc-documentation heading="CSS customization">
+            <ng-template
+                documentationPropertyMode="input"
+                documentationPropertyName="style.background"
+                documentationPropertyType="string"
+                [(documentationPropertyValue)]="background"
+            />
+        </tui-doc-documentation>
     </ng-template>
 
     <tui-setup *pageTab />

diff --git a/projects/demo/src/modules/components/thumbnail-card/index.ts b/projects/demo/src/modules/components/thumbnail-card/index.ts
@@ -53,4 +53,7 @@ export default class Example {
     protected monoHandler = this.monoHandlerVariants[0]!;
 
     protected paymentSystem: TuiPaymentSystem | null = null;
+
+    protected background =
+        '#2b9aff linear-gradient(110deg, transparent 70%, #0780ff 71%, #db028b 100%)';
 }