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
+ }
+}