From 3cedb0ded157b53b74f37698cd81870248e2342d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bar=C4=B1=C5=9F=20Can=20Y=C4=B1lmaz?=
 <30300440+bariscanyilmaz@users.noreply.github.com>
Date: Mon, 20 Feb 2023 13:46:02 +0300
Subject: [PATCH] explain cardClass and cardStyle inputs

---
 docs/en/UI/Angular/Card-Component.md | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/docs/en/UI/Angular/Card-Component.md b/docs/en/UI/Angular/Card-Component.md
index 683deea8ec..023ea473fb 100644
--- a/docs/en/UI/Angular/Card-Component.md
+++ b/docs/en/UI/Angular/Card-Component.md
@@ -34,7 +34,7 @@ import { Component } from '@angular/core';
 @Component({
   selector: 'app-card-demo',
   template: ` 
-    <abp-card [cardStyle]="width: 18rem;">
+    <abp-card [cardStyle]="{width: '18rem'}">
       <abp-card-body>
         <abp-card-title>Lorem Ipsum</abp-card-title>
         Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla commodo condimentum ligula, sed varius nibh eleifend sit amet. Maecenas facilisis vel arcu nec maximus.</abp-card-body>
@@ -48,3 +48,4 @@ See the result below:
 
 ![abp-card-component](./images/abp-card-component.png)
 
+As you can see in above example, you can customize your card component's style with `cardStyle` input. Also you can add your custom classes with `cardClass` input.
\ No newline at end of file