Skip to content
Snippets Groups Projects
Commit e7869c08 authored by OZGCloud's avatar OZGCloud
Browse files

OZG-5600 OZG-5715 button fiy attr type

parent 83d908c6
Branches
Tags
No related merge requests found
......@@ -14,7 +14,7 @@ type ButtonVariants = VariantProps<typeof buttonVariants>;
imports: [CommonModule, ButtonComponent],
template: `<ods-button
[text]="text"
[type]="type"
[variant]="variant"
[size]="size"
[dataTestId]="dataTestId"
[isLoading]="isLoading"
......@@ -26,7 +26,7 @@ export class ButtonWithSpinnerComponent implements OnInit {
@Input() text: string = '';
@Input() dataTestId: string = '';
@Input() stateResource: StateResource<Resource>;
@Input() type: ButtonVariants['type'] = 'primary';
@Input() variant: ButtonVariants['variant'] = 'primary';
@Input() size: ButtonVariants['size'] = 'medium';
@Output() public clickEmitter: EventEmitter<MouseEvent> = new EventEmitter<MouseEvent>();
......
......@@ -8,7 +8,7 @@ export const buttonVariants = cva(
'flex cursor-pointer items-center gap-4 rounded-md font-medium disabled:cursor-wait text-sm min-w-32 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ozgblue-800',
{
variants: {
type: {
variant: {
primary: 'hover:enabled:bg-primary-hover bg-primary text-white shadow-sm',
outline:
'border border-primary bg-background-50 text-primary hover:enabled:bg-background-100',
......@@ -18,7 +18,7 @@ export const buttonVariants = cva(
},
},
defaultVariants: {
type: 'primary',
variant: 'primary',
size: 'medium',
},
},
......@@ -31,7 +31,7 @@ type ButtonVariants = VariantProps<typeof buttonVariants>;
imports: [CommonModule, SpinnerIconComponent],
template: `<button
type="button"
[ngClass]="buttonVariants({ size, type })"
[ngClass]="buttonVariants({ size, variant })"
[disabled]="isLoading"
[attr.aria-disabled]="isLoading"
[attr.aria-label]="text"
......@@ -47,8 +47,8 @@ export class ButtonComponent {
@Input() text: string = '';
@Input() dataTestId: string = '';
@Input() isLoading: boolean = false;
@Input() type: ButtonVariants['type'] = 'primary';
@Input() size: ButtonVariants['size'] = 'medium';
@Input() variant: ButtonVariants['variant'];
@Input() size: ButtonVariants['size'];
@Output() public clickEmitter: EventEmitter<MouseEvent> = new EventEmitter<MouseEvent>();
......
<ods-button
*ngIf="showButton$ | async"
(click)="clickEmitter.emit($event)"
type="primary"
variant="primary"
size="medium"
class="mt-8 flex"
data-test-id="bescheid-weiter-button"
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment