2025-09-10 13:00:31 +02:00
|
|
|
import {Component, Input} from '@angular/core';
|
2025-09-22 14:53:02 +02:00
|
|
|
// import {NgClass} from '@angular/common/directives';
|
2025-09-10 13:00:31 +02:00
|
|
|
|
|
|
|
export type ButtonKindType = '' | 'primary' | 'secondary' | 'ghost' | 'link';
|
|
|
|
export type ButtonSizeType = '' | 'large' | 'medium' | 'small' | 'extrasm';
|
|
|
|
export type inconPositionKindType = '' | 'left' | 'right';
|
|
|
|
|
|
|
|
@Component({
|
2025-09-17 10:19:04 +02:00
|
|
|
selector: 'sae-m-button',
|
2025-09-10 13:00:31 +02:00
|
|
|
standalone: true,
|
|
|
|
imports: [
|
2025-09-22 14:53:02 +02:00
|
|
|
// NgClass,
|
2025-09-10 13:00:31 +02:00
|
|
|
],
|
|
|
|
templateUrl: './main-button.html',
|
|
|
|
styleUrl: './main-button.scss'
|
|
|
|
})
|
|
|
|
export class MainButton {
|
|
|
|
@Input() disabled: boolean = false;
|
|
|
|
@Input() divider: boolean = false;
|
|
|
|
@Input() label: string = '';
|
|
|
|
@Input() icon: string = '';
|
|
|
|
@Input() inconPosition: inconPositionKindType = 'left';
|
|
|
|
@Input() size: ButtonSizeType = '';
|
|
|
|
@Input() kind: ButtonKindType = '';
|
|
|
|
}
|