A UI Razor component that renders a basic hints panel with input glyphs and labels for game actions (use, duck, jump, attack1, attack2, run, view, respawn). It inherits PanelComponent and statically defines markup for each hint.
@using Sandbox;
@using Sandbox.UI;
@inherits PanelComponent
<root>
<div>
<InputGlyph action="use" size="small"></InputGlyph>
<label>Grind on Ledge</label>
</div>
<div>
<InputGlyph action="duck" size="small"></InputGlyph>
<label>Air Out</label>
</div>
<div>
<InputGlyph action="jump" size="small"></InputGlyph>
<label>Press/Hold Jump</label>
</div>
<div>
<InputGlyph action="attack1" size="small"></InputGlyph>
<label>Flip Trick (in air)</label>
</div>
<div>
<InputGlyph action="attack2" size="small"></InputGlyph>
<label>Grab Trick (in air)</label>
</div>
<div>
<InputGlyph action="run" size="small"></InputGlyph>
<label>Revert / Hold Manual</label>
</div>
<div>
<InputGlyph action="view" size="small"></InputGlyph>
<label>Hold to Look Around</label>
</div>
<div>
<InputGlyph action="respawn" size="small"></InputGlyph>
<label>Hold to Respawn</label>
</div>
</root>
@code
{
}