IGP-Fan-Reference/Components/Feedback/TooltipComponent.razor

@inject ITooltipService TooltipService

@implements IDisposable

@if (Tooltip == null)
{
    <div>Add tooltip object...</div>
}
else
{
    <div onclick="@Dismiss" class="tooltipContainer">
        <div class="tooltip">
            @Tooltip.Message
        </div>
    </div>
}

<style>
    .toastContainer {
        border: 4px solid;
        border-radius: 4px;
        padding: 16px;
        display: flex;
        flex-direction: column;
        justify-items: stretch;
        width: 250px;
        cursor: pointer;
    }

    .@SeverityType.Warning.ToLower() {
        background-color: var(--severity-warning-color);
        border-color: var(--severity-warning-border-color);
    }

    .@SeverityType.Error.ToLower() {
        background-color: var(--severity-error-color);
        border-color: var(--severity-error-border-color);
    }

    .@SeverityType.Information.ToLower() {
        background-color: var(--severity-information-color);
        border-color: var(--severity-information-border-color);
    }

    .@SeverityType.Success.ToLower() {
        background-color: var(--severity-success-color);
        border-color: var(--severity-success-border-color);
    }

    .toastTitle {
        font-weight: 800;
    }

</style>

@code {
    [Parameter] public TooltipModel? Tooltip { get; set; }

    protected override void OnInitialized()
    {
        base.OnInitialized();
        TooltipService.Subscribe(OnUpdate);
    }

    void Dismiss()
    {
        TooltipService.RemoveTooltip(Tooltip!);
    }

    void IDisposable.Dispose()
    {
        TooltipService.Unsubscribe(OnUpdate);
    }

    void OnUpdate()
    {
    }

}