Playground GitHub npm

HUD Pill

Rounded-full HUD status pill (scrim0/1/2).

ui hud

Preview

Installation

npx slintcn@latest add hud-pill

Usage

import { HudPill, HudPillSize, HudPillTone } from "slintcn/components/hud-pill.slint";

HudPill { text: "120 FPS"; tone: HudPillTone.scrim1; }

Properties

text in string

Label inside the pill.

size in HudPillSize

Height + padding — sm, md, lg.

tone in HudPillTone

Scrim / glass tone — scrim1, scrim2, glass.

API

HudPillSizesmmdlg
HudPillTonescrim0scrim1scrim2

Dependencies

theme only

Installed automatically as transitive dependencies of slintcn add hud-pill.