anchor 2

BlazorFluentUI/Components/Pages/Components/CompoAnchor.razor

@@ -23,6 +23,23 @@ The <code>FluentAnchor</code> component supports the same visual appearances as
     <p><b>Message</b>: @message</p>
 </FluentCard>
 
+<FluentLabel class="my-3" Typo="Typography.H4">Anchor with Icons</FluentLabel>
+<FluentCard Class="mt-3" Width="auto" Height="auto" AreaRestricted="false">
+    <FluentStack Orientation="Orientation.Vertical">
+        <FluentAnchor Href="#">
+            With icon at start
+            <FluentIcon Value="@(new Icons.Regular.Size16.AnimalTurtle())" Color="Color.Accent" Slot="start" />
+        </FluentAnchor>
+        <FluentAnchor Href="#">
+            With icon at end
+            <FluentIcon Value="@(new Icons.Regular.Size16.AnimalTurtle())" Color="Color.Accent" Slot="end" />
+        </FluentAnchor>
+        <FluentAnchor Href="#">
+            <FluentIcon Value="@(new Icons.Regular.Size28.AnimalTurtle())" Color="Color.Accent" />
+        </FluentAnchor>
+    </FluentStack>
+</FluentCard>
+
 @code {
     string? message;
 }