Components•HUD button
Components•HUD button
HUD button
HUD action buttons on one shape family. Primary carries the ember fill, secondary sits on the canon surface, and ghost is text until it lifts. Mono uppercase labels, corner ticks and a scanline on hover give the HUD flavour.
Dependencies
Copy below cli
npx shadcn add @bjork-ui/hud-buttonHow to use
import { HudButton } from "@/components/bjork-ui/hud/hud-button";export function Demo() { return ( <div className="flex gap-3"> <HudButton variant="primary">Initialize</HudButton> <HudButton variant="secondary">Calibrate</HudButton> <HudButton variant="ghost">Dismiss</HudButton> </div> );}
Options
Show
Size