Razor Panel Tooltips
by
Carson Kompon
| Summary | 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>
|
| Votes | 5 1 6 |
| Error Rate | 0% |
| Data | {} |