How to reduce the width of the slider in ngzorro? Currently it occupies the entire screen

384 views Asked by At

<nz-slider nzRange [(ngModel)]="value2" nzIncluded [nzDisabled]="disabled">

1

There are 1 answers

0
hmd.nikoo On BEST ANSWER

You can use "nz-form" and wrap "nz-slider" with form control and reduce the width by [nzSpan]

<form nz-form>
    <nz-form-item>
      <nz-form-label [nzSpan]="6" nzFor="slider">Slider</nz-form-label>
      <nz-form-control [nzSpan]="14">
         <nz-slider nzRange [(ngModel)]="value2" nzIncluded 
                [nzDisabled]="disabled">
       </nz-form-control>
     </nz-form-item >
</form>