Install with the CLI

Add Tab Container 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 tab-container

First time? Start with the documentation.

Import

tsx

import { Tab Container } from "./src/client/ui/components/tab-container";

Usage

tsx

<TabContainer tabs={[{ id: "info", label: "Info", content: <textlabel Text="Hi" /> }]} defaultTab="info" />

Tab Container

TSX + LuauFree

A tabbed container with animated tab switching, underline indicator, and support for both horizontal and vertical tab layouts.

by RobloxUI Team

View Source

Details

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