Install with the CLI

Add Notification Toast 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 notification-toast

First time? Start with the documentation.

Import

tsx

import { Notification Toast } from "./src/client/ui/components/notification-toast";

Usage

tsx

<NotificationToast message="Item crafted!" variant="success" onDismiss={() => setShow(false)} />

Notification Toast

TSX + LuauFree

A non-intrusive toast notification that slides in from the top-right, auto-dismisses after a configurable duration, and supports success/error/warning/info variants.

by RobloxUI Team

View Source

Details

Author	RobloxUI Team
Framework	Roblox-TS + React-Luau
Category	HUDs
Dependencies	@rbxts/react
Theme Tokens	colors.bgSecondary, colors.textPrimary, colors.success, colors.error, colors.warning, colors.info, radius.md