File
Metadata
| selector |
cmn-brand |
| styleUrls |
./brand.component.scss |
| templateUrl |
./brand.component.html |
import { Component, Input } from '@angular/core';
@Component({
selector: 'cmn-brand',
templateUrl: './brand.component.html',
styleUrls: [ './brand.component.scss' ],
})
export class BrandComponent {
@Input() public readonly link: string;
@Input() public readonly image: string;
}
<div class="navbar-brand">
<a class="navbar-item"
[routerLink]="['']">
<img [src]="image" />
</a>
<a role="button"
class="navbar-burger"
aria-label="menu"
aria-expanded="false">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div>
Legend
Html element with directive