Install with the CLI

Add Search Bar (Roblox) 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 search-bar

First time? Start with the documentation.

Import

tsx

import { Search Bar (Roblox) } from "./src/client/ui/components/search-bar";

Usage

tsx

<SearchBar placeholder="Find items..." onSearch={(q) => print(q)} />

Search Bar (Roblox)

TSX + LuauFree

A Roblox-native search input with clear button, placeholder text, debounced onChange callback, and keyboard return detection.

by RobloxUI Team

View Source

Details

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