Commit e316e2af authored by Isabell Heider's avatar Isabell Heider

Added slide toggle

parent f6f7d8cc
Pipeline #292 passed with stages
in 5 minutes and 19 seconds
...@@ -21,6 +21,7 @@ import { FormsModule } from '@angular/forms'; ...@@ -21,6 +21,7 @@ import { FormsModule } from '@angular/forms';
import { GameComponent } from './game/game.component'; import { GameComponent } from './game/game.component';
import { GuesserComponent } from './guesser/guesser.component'; import { GuesserComponent } from './guesser/guesser.component';
import {MatSlideToggleModule} from '@angular/material/slide-toggle'; import {MatSlideToggleModule} from '@angular/material/slide-toggle';
import {MatIconModule} from '@angular/material/icon';
@NgModule({ @NgModule({
declarations: [ declarations: [
...@@ -46,7 +47,8 @@ import {MatSlideToggleModule} from '@angular/material/slide-toggle'; ...@@ -46,7 +47,8 @@ import {MatSlideToggleModule} from '@angular/material/slide-toggle';
MatCardModule, MatCardModule,
MatProgressSpinnerModule, MatProgressSpinnerModule,
FormsModule, FormsModule,
MatSlideToggleModule MatSlideToggleModule,
MatIconModule
], ],
providers: [], providers: [],
bootstrap: [AppComponent] bootstrap: [AppComponent]
......
<div style="text-align: center; margin-left: 15em; margin-right: 15em; margin-top: 5em;"> <div style="text-align: center; margin-left: 15em; margin-right: 15em; margin-top: 5em;">
<mat-card class="transparent"> <mat-card class="transparent">
<h2>Wähle dein Team</h2> <h2>Wähle dein Team</h2>
<mat-slide-toggle>Slide me!</mat-slide-toggle> <mat-icon color = "disabled" aria-hidden="false" aria-label="home icon blue">home</mat-icon>
Team grau <mat-slide-toggle color = "warn"> Team rot</mat-slide-toggle>
<mat-icon color = "warn" aria-hidden="false" aria-label="home icon red">home</mat-icon>
</mat-card> </mat-card>
<br> <br>
<br> <br>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment