diff --git a/src/app/components/atoms/button/button.component.ts b/src/app/components/atoms/button/button.component.ts index fbf3e04..4a3b1af 100644 --- a/src/app/components/atoms/button/button.component.ts +++ b/src/app/components/atoms/button/button.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectionStrategy, Component, input } from '@angular/core'; +import { booleanAttribute, ChangeDetectionStrategy, Component, input } from '@angular/core'; import { IconMaterialComponent } from '../icon-material/icon-material.component'; /** @@ -41,20 +41,19 @@ export class ButtonComponent { * Whether the button should take the full width. * @default false */ - full = input(false); + full = input(false, { transform: booleanAttribute }); /** * Whether the button should have rounded corners. - * @default true + * @default false */ - rounded = input(true); + rounded = input(false, { transform: booleanAttribute }); /** * Whether the button should be disabled. * @default false */ - disabled = input(false); - // TODO Prevent click event when disabled + disabled = input(false, { transform: booleanAttribute }); /** * Appearance of the button. diff --git a/src/app/components/atoms/button/demos/demo-button.component.ts b/src/app/components/atoms/button/demos/demo-button.component.ts index 6366ddd..e0230be 100644 --- a/src/app/components/atoms/button/demos/demo-button.component.ts +++ b/src/app/components/atoms/button/demos/demo-button.component.ts @@ -10,7 +10,7 @@ import { ButtonComponent } from '../button.component'; My button

Button with text and icon

- + My button @@ -20,9 +20,9 @@ import { ButtonComponent } from '../button.component'; - + - +