openaire-library/sharedComponents/stepper/stepLine.component.ts

18 lines
371 B
TypeScript
Raw Permalink Normal View History

2022-03-16 16:24:48 +01:00
import {Component, Input} from '@angular/core';
@Component({
selector: 'step-line',
template: `
2022-03-16 17:53:19 +01:00
<div class="stepper-line uk-margin-bottom uk-width-medium@m uk-width-small@s" [class]="status + ' step' + stepNumber"></div>
2022-03-16 16:24:48 +01:00
`
})
export class StepLineComponent {
@Input() status: 'active' | 'default' | 'disabled' | 'done';
2022-03-16 17:53:19 +01:00
@Input() stepNumber;
2022-03-16 16:24:48 +01:00
}