File

src/app/todo/todo-toolbar/todo-toolbar.component.ts

Metadata

selector	`app-todo-toolbar`
styleUrls	`./todo-toolbar.component.scss`
templateUrl	`./todo-toolbar.component.html`

Constructor

constructor()

Defined in src/app/todo/todo-toolbar/todo-toolbar.component.ts:8

import { Component } from '@angular/core';

@Component({
  selector: 'app-todo-toolbar',
  templateUrl: './todo-toolbar.component.html',
  styleUrls: ['./todo-toolbar.component.scss']
})
export class TodoToolbarComponent {

  constructor() {

  }
}

<div>
  <div class="toolbar" fxLayout="row" fxLayoutAlign="start center">
    <mat-checkbox class="checkbox"></mat-checkbox>
    <span fxFlex></span>
  </div>
</div>

./todo-toolbar.component.scss

.toolbar {
  min-height: 60px;
  max-height: 60px;
  border-bottom: 1px solid #eee;
  padding: 8px 24px;
  color: #616161;

  .chevrons {
    margin-left: 16px;
  }
}

Legend

Html element

Component

Html element with directive

File

Metadata

Constructor

result-matching ""

No results matching ""