Add Toggle 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 toggle-buttonFirst time? Start with the documentation.
import { Toggle Button } from "./src/client/ui/components/toggle-button";<ToggleButton label="Enable Notifications" defaultOn={false} onToggle={(on) => print(on)} />A button that toggles between two states (on/off). Includes a visual indicator and supports controlled and uncontrolled modes.
by RobloxUI Team
| Author | RobloxUI Team |
| Framework | Roblox-TS + React-Luau |
| Category | Buttons |
| Dependencies | @rbxts/react |
| Theme Tokens | colors.success, colors.bgTertiary, colors.textPrimary, spacing.xs, spacing.sm |
| Last Updated |
| July 31, 2026 |