Install with the CLI

Add Secondary 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 secondary-button

First time? Start with the documentation.

Import

tsx

import { Secondary Button } from "./src/client/ui/components/secondary-button";

Usage

tsx

<SecondaryButton text="Cancel" onClick={() => print("Cancelled!")} />

Secondary Button

TSX + LuauFree

An outlined button for secondary or supporting actions. Matches the visual hierarchy of the primary button with a subtle border style.

by RobloxUI Team

View Source

Details

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