@page "/link"

<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
    Blazor Link
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
    The Blazor Link renders a navigation link with Path and Target, integrated with Blazor routing.
</RadzenText>

<RadzenText Anchor="link#link-to-path" TextStyle="TextStyle.H5" TagName="TagName.H2" class="rz-pt-8">
    Link to path in application
</RadzenText>
<RadzenText TextStyle="TextStyle.Body1" class="rz-mb-8">
    Create navigation links to internal application paths using the <code>Path</code> property.
</RadzenText>
<RadzenExample ComponentName="Link" Example="LinkToPath">
    <LinkToPath />
</RadzenExample>

<RadzenText Anchor="link#link-with-icon" TextStyle="TextStyle.H5" TagName="TagName.H2" class="rz-pt-12">
    Link to path in application with icon
</RadzenText>
<RadzenText TextStyle="TextStyle.Body1" class="rz-mb-8">
    Add icons to links using the <code>Icon</code> property for enhanced visual cues.
</RadzenText>
<RadzenExample ComponentName="Link" Example="LinkWithIcon">
    <LinkWithIcon />
</RadzenExample>

<RadzenText Anchor="link#link-to-url" TextStyle="TextStyle.H5" TagName="TagName.H2" class="rz-pt-12">
    Link to url
</RadzenText>
<RadzenText TextStyle="TextStyle.Body1" class="rz-mb-8">
    Create links to external URLs that open in the current or new browser tab/window.
</RadzenText>
<RadzenExample ComponentName="Link" Example="LinkToUrl">
    <LinkToUrl />
</RadzenExample>

<RadzenText Anchor="link#link-child-content" TextStyle="TextStyle.H5" TagName="TagName.H2" class="rz-pt-12">
    Link with child content
</RadzenText>
<RadzenText TextStyle="TextStyle.Body1" class="rz-mb-8">
    Define custom child content for links to include icons, badges, or other complex markup.
</RadzenText>
<RadzenExample ComponentName="Link" Example="LinkChildContent">
    <LinkChildContent />
</RadzenExample>

<RadzenText Anchor="link#link-disabled" TextStyle="TextStyle.H5" TagName="TagName.H2" class="rz-pt-12">
    Link disabled
</RadzenText>
<RadzenText TextStyle="TextStyle.Body1" class="rz-mb-8">
    Use <code>Disabled="true"</code> to disable a link and prevent navigation.
</RadzenText>
<RadzenExample ComponentName="Link" Example="LinkDisabled" >
    <LinkDisabled />
</RadzenExample>