<TelerikTooltip Id="@Id"
                @ref="TelerikTooltipRef"
                Class="clipboard-tooltip"
                TargetSelector="@("#" + Id + ".copy-button")"
                ShowOn="TooltipShowEvent.Click">
 
<div class="copy-button" id="@Id" @onclick="CopyTextToClipboard">
</div>
@code {
[Parameter, EditorRequired] 
public string Id { get; set; }
private TelerikTooltip TelerikTooltipRef { get; set; }
private async Task CopyTextToClipboard()
{
await JSRuntime.InvokeVoidAsync("ShowElement", ".clipboard-tooltip", "#" + TelerikTooltipRef.Id);
    await JSRuntime.InvokeVoidAsync("window.clipboardCopy.copyText", TextToCopy);
    await Task.Delay(2000);
    await JSRuntime.InvokeVoidAsync("HideElement", ".clipboard-tooltip", "#" + TelerikTooltipRef.Id);
}
}
<script suppress-error="BL9992">
function HideElement(className, id) {
    let inputs = document.querySelectorAll(className);
    inputs.forEach(element => {
        if (element.querySelector(id) !== null) {
            debugger;
            element.style.display = "none"
        }
    });
}

function ShowElement(className, id) {
    let inputs = document.querySelectorAll(className);
    inputs.forEach(element => {
        if (element.querySelector(id) !== null && element.style.display === "none") {
            element.style.display = "block"   
        }
    });
}
</script>