Added chip component.

JSMR.UI.Blazor/Components/Chip.razor

@@ -0,0 +1,20 @@
+@using JSMR.UI.Blazor.Enums
+
+<div class="j-chip">
+    @if (Graphic != null)
+    {
+        <Icon Graphic="@Graphic.Value" Color="@Color"></Icon>
+    }
+    <span>@ChildContent</span>
+</div>
+
+@code {
+    [Parameter]
+    public RenderFragment? ChildContent { get; set; }
+
+    [Parameter]
+    public Graphic? Graphic { get; set; }
+
+    [Parameter]
+    public ColorVarient Color { get; set; } = ColorVarient.Primary;
+}

JSMR.UI.Blazor/wwwroot/css/app.css

@@ -608,6 +608,15 @@ code {
     font-weight: 500;*/
 }
 
+/* Chips */
+.j-chip {
+    display: flex;
+    align-items: center;
+    gap: .5rem;
+    font-size: 1rem;
+    font-weight: 500;
+}
+
 /* Icons */
 .j-icon {
     mask-repeat: no-repeat;