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
|
|
|
|
|
|
|
}
|