Install with the CLI

Add Primary Button to your Roblox project in one command. Requires Node 18+ and a Roblox project — run robloxui init first if you don't have one yet. See the docs.

bashnpx robloxui add primary-button

First time? Start with the documentation.

Import

tsx

import { Primary Button } from "./src/client/ui/components/primary-button";

Usage

tsx

import { PrimaryButton } from "@/components/buttons/primary-button";

export function MyUI() {
  return <PrimaryButton text="Save Changes" onClick={() => print("Saved!")} size="md" />;
}

Primary Button

TSX + LuauFree

A bold, attention-grabbing button for primary actions. Supports hover, press, and disabled states with smooth transitions.

by RobloxUI Team

View Source

Details

Author	RobloxUI Team
Framework	Roblox-TS + React-Luau
Category	Buttons
Dependencies	@rbxts/react
Theme Tokens	colors.primary, colors.secondary, colors.textPrimary, spacing.xs, spacing.sm, spacing.md, radius.md

Primary Button — RobloxUI