From a2e9bc3c560414c00fd0bee736581f9197267390 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mehmet=20=C3=87etin?=
 <92744169+mehmetcetin01140@users.noreply.github.com>
Date: Tue, 21 May 2024 16:03:19 +0300
Subject: [PATCH] update slider vertical doc

---
 src/app/showcase/doc/slider/verticaldoc.ts | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/app/showcase/doc/slider/verticaldoc.ts b/src/app/showcase/doc/slider/verticaldoc.ts
index f87d5046493..3c8b0ece74a 100644
--- a/src/app/showcase/doc/slider/verticaldoc.ts
+++ b/src/app/showcase/doc/slider/verticaldoc.ts
@@ -8,19 +8,19 @@ import { Code } from '@domain/code';
             <p>Default layout of slider is <i>horizontal</i>, use <i>orientation</i> property for the alternative <i>vertical</i> mode.</p>
         </app-docsectiontext>
         <div class="card flex justify-content-center">
-            <p-slider [(ngModel)]="value" orientation="vertical" />
+            <p-slider [(ngModel)]="value" orientation="vertical" styleClass="h-14rem" />
         </div>
         <app-code [code]="code" selector="slider-vertical-demo"></app-code>
     `
 })
 export class VerticalDoc {
-    value!: number;
+    value: number = 50;
 
     code: Code = {
-        basic: `<p-slider [(ngModel)]="value" orientation="vertical" />`,
+        basic: `<p-slider [(ngModel)]="value" orientation="vertical" styleClass="h-14rem" />`,
 
         html: `<div class="card flex justify-content-center">
-    <p-slider [(ngModel)]="value" orientation="vertical" />
+    <p-slider [(ngModel)]="value" orientation="vertical" styleClass="h-14rem" />
 </div>`,
 
         typescript: `import { Component } from '@angular/core';
@@ -34,7 +34,7 @@ import { SliderModule } from 'primeng/slider';
     imports: [FormsModule, SliderModule]
 })
 export class SliderVerticalDemo {
-    value!: number;
+    value: number = 50;
 }`
     };
 }