Add Card component

README.md

@@ -101,6 +101,7 @@ public partial class Index
 - [Blind](#blind)
 - [Breadcrumb](#breadcrumb)
 - [Button](#button)
+- [Card](#card)
 - [Card List](#card-list) **(since v0.3.3)**
 - [Push Card](#push-card) **(since v0.3.3)**
 - [Action Card](#action-card) **(since v0.3.3)**
@@ -418,6 +419,21 @@ Test content
 <Button>Test Button</Button>
 ```
 
+## Card
+
+```razor
+<Card Id="card-1" Variant="CardVariant.info">
+    <ix-icon name="capacity"></ix-icon>
+    <ix-typography bold>Number of components</ix-typography>
+    <ix-typography>
+        Item 1<br />
+        Item 2<br />
+        Item 3
+    </ix-typography>
+    <ix-typography format="h1">3</ix-typography>
+</Card>
+```
+
 ## Card List
 
 ```razor

SiemensIXBlazor/Components/Card/Card.razor

@@ -0,0 +1,14 @@
+@namespace SiemensIXBlazor.Components
+@inherits IXBaseComponent
+@using SiemensIXBlazor.Helpers
+
+<ix-card @attributes="UserAttributes"
+         id=@Id
+         class=@Class
+         style=@Style
+         variant=@Variant
+         selected=@Selected>
+    <ix-card-content>
+        @ChildContent
+    </ix-card-content>
+</ix-card>

SiemensIXBlazor/Components/Card/Card.razor.cs

@@ -0,0 +1,17 @@
+using Microsoft.AspNetCore.Components;
+using SiemensIXBlazor.Enums;
+
+namespace SiemensIXBlazor.Components
+{
+    public partial class Card
+    {
+        [Parameter, EditorRequired]
+        public string Id { get; set; } = string.Empty;
+        [Parameter]
+        public bool? Selected { get; set; }
+        [Parameter]
+        public CardVariant Variant { get; set; } = CardVariant.insight;
+        [Parameter]
+        public RenderFragment? ChildContent { get; set; }
+    }
+}

SiemensIXBlazor/Enums/Card/CardVariant.cs

@@ -0,0 +1,16 @@
+
+namespace SiemensIXBlazor.Enums
+{
+    public enum CardVariant
+    {
+        alarm,
+        critical,
+        info,
+        insight,
+        neutral,
+        notification,
+        primary,
+        success,
+        warning
+    }
+}