Razor Panel Tooltips

What is this?

This is a custom system that allows you to use Razor Panels as Tooltips (as opposed to a string with styling options). It doesn't replace the built-in Tooltips, it's just a unique way of displaying more advanced Tooltips.

How do I use it?

The built-in Tooltips work something like this:

<div class="my-card" tooltip="This is a normal tooltip..">
    <label>My custom panel</label>
</div>

While the Razor Panel Tooltips work like this:

<RazorTooltip>
    <Content class="my-card">
        <label>My custom panel</label>
    </Content>
    <Tooltip style="background-color: white; padding: 4px;">
        <label>This is a custom Razor Tooltip!!!</label>
        <i>celebration</i>
    </Tooltip>
</RazorTooltip>