Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Anchor docs #3428

Merged
merged 2 commits into from
Feb 22, 2025
+3 −3
Merged

Anchor docs #3428

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
df14c2a
Typo appearance
agriffard Feb 22, 2025
070d2ac
Typo start
agriffard Feb 22, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions examples/Demo/Shared/Pages/Anchor/Examples/AnchorIcons.razor
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<h4>Neutral appearane</h4>
<h4>Neutral appearance</h4>
<div style="display: flex; align-items: center; gap: 10px; margin-bottom: 1em;">
<FluentAnchor Href="#" IconStart="@(new Icons.Regular.Size16.Globe())">
Icon at start
Expand All @@ -18,7 +18,7 @@
<FluentIcon Value="@(new Icons.Regular.Size16.Globe())" Color="@Color.Success" Slot="end" />
</FluentAnchor>
</div>
<h4>Hypertext appearane</h4>
<h4>Hypertext appearance</h4>
<p>
By default, the margin between the icon and the link is equal to the margin that is used for the other
appearances. If you find that margin to large, you can add the following to your CSS:<br/><br />
Expand All @@ -33,7 +33,7 @@
}
</CodeSnippet>
<br />
<em>Do not use these styles if there is no icon being displayed with a hypertext. It will cause the hypertext to get a margin at the stat/end.</em>
<em>Do not use these styles if there is no icon being displayed with a hypertext. It will cause the hypertext to get a margin at the start/end.</em>
</p>
<div style="display: flex; align-items: center; gap: 10px; margin-bottom: 1em;">
<FluentAnchor Appearance="@Appearance.Hypertext" Href="#" IconStart="@(new Icons.Regular.Size16.Globe())">
Expand Down
Loading