import { Component, OnInit, Input } from '@angular/core'; import { Router } from '@angular/router'; @Component({ selector: 'app-figurecard', templateUrl: './figurecard.component.html', styleUrls: ['./figurecard.component.css'] }) export class FigurecardComponent implements OnInit { @Input() headerIcon: string; @Input() category: string; @Input() title: string; @Input() footerIcon: string; @Input() footContent: string; @Input() linearColor: string; @Input() boxShadow: string; @Input() routelLink: string; @Input() hasFootContent = true; @Input() buttonTitle: string; @Input() buttonRedirectLink: string; constructor(private router: Router) { } ngOnInit() { } navigateToUrl() { this.router.navigate([this.routelLink]); } createNew(){ this.router.navigate([this.buttonRedirectLink]); } }