Example: angular material input
Html <form class="example-form"> <mat-form-field class="example-full-width"> <mat-label>Favorite food</mat-label> <input matInput placeholder="Ex. Pizza" value="Sushi"> </mat-form-field> <mat-form-field class="example-full-width"> <mat-label>Leave a comment</mat-label> <textarea matInput placeholder="Ex. It makes me feel..."></textarea> </mat-form-field> </form> TS import {Component} from '@angular/core'; @Component({ selector: 'input-overview-example', styleUrls: ['input-overview-example.css'], templateUrl: 'input-overview-example.html', }) export class InputOverviewExample {} CSS .example-form { min-width: 150px; max-width: 500px; width: 100%; } .example-full-width { width: 100%; }
Comments
Post a Comment