aliasvault/apps/server/Shared/AliasVault.RazorComponents/Buttons/LinkButton.razor

<a href="@Href" class="space-x-3 @GetButtonClasses()">
    @if (SmallText.Length > 0) {
        <span class="hidden md:inline ms-1">@SmallText</span>
        <span class="md:hidden">@Text</span>
    }
    else {
        @Text
    }
</a>

@code {
    /// <summary>
    /// Gets or sets the URL that the hyperlink points to.
    /// </summary>
    [Parameter]
    public string Href { get; set; } = string.Empty;

    /// <summary>
    /// Gets or sets the main text of the button.
    /// </summary>
    [Parameter]
    public string Text { get; set; } = string.Empty;

    /// <summary>
    /// Gets or sets the text that should appear when the screen is small (optional). If not set, the main text will be used.
    /// </summary>
    [Parameter]
    public string SmallText { get; set; } = string.Empty;

    /// <summary>
    /// Gets or sets the color theme of the button.
    /// </summary>
    [Parameter]
    public string Color { get; set; } = "primary";

    /// <summary>
    /// Gets or sets additional CSS classes to apply to the button.
    /// </summary>
    [Parameter]
    public string AdditionalClasses { get; set; } = string.Empty;

    /// <summary>
    /// Gets the CSS classes for the link button based on the color and additional classes.
    /// </summary>
    /// <returns>A string containing the CSS classes for the link button.</returns>
    private string GetButtonClasses()
    {
        var colorClasses = ButtonStyles.GetColorClasses(Color);

        return $"{ButtonStyles.BaseClasses} {colorClasses} {AdditionalClasses}".Trim();
    }
}