A custom tooltip system that lets you use razor panels instead of a string
Description
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>
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>
Carson Kompon
