Component library

Showing 1 component in the expressive deck with role stats.

  • <MetricPanelSlide>

    expressiveStatsPresentation

    Grid of two to four headline metrics with labels; tiles stagger in on slide enter (client).

    When to use: Platform vitals, portfolio KPIs, or campaign scorecard at a glance. Pre-format values as strings (currency, %, counts).

    Preview

    Live Telemetry

    Platform Vitals

    Real-time aggregate figures from active deployments

    2.4k

    Active Worlds

    98M

    Pixels Rendered

    99.9%

    Uptime Score

    4K

    Max Resolution

    PropTypeNotes
    labelstringOptional. HUD pill above the title.
    titlestringOptional. Section headline (cyan).
    descriptionstringOptional. Supporting line under the title.
    stats{ value: string; label: string }[]Required. Stat tiles (2–4).
    tweenobjectOptional. Optional GSAP vars for tile entrance.

    Examples

    <MetricPanelSlide
  label="Live Telemetry"
  title="Platform Vitals"
  description="Real-time aggregate figures from active deployments"
  stats={[
    { value: "2.4k", label: "Active Worlds" },
    { value: "98M", label: "Pixels Rendered" },
    { value: "99.9%", label: "Uptime Score" },
    { value: "4K", label: "Max Resolution" }
  ]}
/>