s&box

MainMenuModeCard.razor

A Razor UI component for a game main menu mode card. Renders a clickable card with badge, category, icon, title, description, optional highlight chips, and a play button, and wires onclick and onmouseover handlers.

Http Calls

@namespace Sandbox
@using Sandbox.UI
@inherits Panel

<div class="mode-card @ModeId"
     onclick="@OnPlay"
     onmouseover="@OnHover">
    <div class="card-glow-layer"></div>
    <div class="card-top-row">
        <span class="card-badge">@Tag</span>
        <span class="card-subcat">@Category.ToUpper()</span>
    </div>
    <div class="card-hero">
        <div class="icon-orb">
            <span class="card-emoji">@Icon</span>
        </div>
    </div>
    <div class="card-info">
        <span class="card-title">@Title</span>
        <span class="card-desc">@Description</span>
        @if ( Highlights != null && Highlights.Length > 0 )
        {
            <div class="card-chips">
                @foreach ( var h in Highlights )
                {
                    <span class="chip-item">@h</span>
                }
            </div>
        }
    </div>
    <div class="card-action-bar">
        <button class="card-play-btn">
            <span class="play-label">@PlayLabel</span>
            <span class="play-arrow">▶</span>
        </button>
    </div>
</div>