title: How to use angular slider?
body: <p>When I tried to include the angular material slider in my form no errors show up but the slider is not visible, even though I imported all necessary modules in app.module.ts.</p>
  
  <p>What is my mistake? I hope someone can help me with this.</p>
  
  <blockquote>
    <p>Components HTML:</p>
  </blockquote>
  
  <pre><code>&lt;html&gt;
      &lt;div class="addtask"&gt;
          &lt;form&gt;
             Task: &lt;input type="text" &gt;&lt;br/&gt;
             Parent Task: &lt;input type="text"&gt;&lt;br/&gt;
             Priority :&lt;mat-slider&gt;&lt;/mat-slider&gt;
             Start Date: &lt;input type="date time"&gt;&lt;br/&gt;
             End Date: &lt;input type="date time"&gt;&lt;br/&gt;
          &lt;/form&gt;
      &lt;/div&gt;
  &lt;/html&gt;
  </code></pre>
  
  <blockquote>
    <p>app.module.ts</p>
  </blockquote>
  
  <pre><code>import { BrowserModule } from '@angular/platform-browser';
  import { NgModule } from '@angular/core';
  
  import { AppRoutingModule } from './app-routing.module';
  import { AppComponent } from './app.component';
  import { MatTabsModule } from '@angular/material';
  import {MatSliderModule} from '@angular/material';
  import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
  import { AddtaskComponent } from './addtask/addtask.component';
  
  @NgModule({
    declarations: [
      AppComponent,
      AddtaskComponent
    ],
    imports: [
      BrowserModule,
      AppRoutingModule,
      BrowserAnimationsModule,
      MatTabsModule,
      MatSliderModule,
    ],
    providers: [],
    bootstrap: [AppComponent]
  })
  export class AppModule { }
  </code></pre>