diff --git a/projects/dxc-ngx-cdk-site/src/app/components/examples/card/properties/card-table-properties/card-table-properties.component.html b/projects/dxc-ngx-cdk-site/src/app/components/examples/card/properties/card-table-properties/card-table-properties.component.html
index 13861ceaa..016dd9085 100644
--- a/projects/dxc-ngx-cdk-site/src/app/components/examples/card/properties/card-table-properties/card-table-properties.component.html
+++ b/projects/dxc-ngx-cdk-site/src/app/components/examples/card/properties/card-table-properties/card-table-properties.component.html
@@ -85,7 +85,7 @@
| outlined: boolean |
- false |
+ true |
Whether the card must be outlined.
|
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-card/dxc-card.component.ts b/projects/dxc-ngx-cdk/src/lib/dxc-card/dxc-card.component.ts
index 7e2f3ecdb..666183624 100644
--- a/projects/dxc-ngx-cdk/src/lib/dxc-card/dxc-card.component.ts
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-card/dxc-card.component.ts
@@ -118,7 +118,7 @@ export class DxcCardComponent implements OnInit {
/**
* Whether the card must be outlined.
*/
- @Input() outlined: boolean = false;
+ @Input() outlined: boolean = true;
private isHovered: boolean;
@@ -136,7 +136,7 @@ export class DxcCardComponent implements OnInit {
imageCover: false,
margin: null,
tabIndexValue: 0,
- outlined: false,
+ outlined: true,
});
public ngOnChanges(changes: SimpleChanges): void {
@@ -195,7 +195,7 @@ export class DxcCardComponent implements OnInit {
}
getShadowDepth() {
- return this.defaultInputs.value.outlined
+ return !this.defaultInputs.value.outlined
? "0"
: this.isHovered &&
this.onClick.observers.length > 0 &&