@rbxts/better-react-components v2.6.0

Better React Components

Roblox's ui elements, with builtin modifiers

Also see introduction

Example

<Frame
	position={new UDim2(.5, 0, .5, 0)}
	size={new UDim2(.5, 0, .5, 0)}

	anchorPoint={AnchorPoints.Middle}
	cornerRadius={8}
	padding={4}
>
	<GridLayout
		cellSize={new UDim2(.25, 0, .25, 0)}
		cellPadding={new UDim2(0, 4, 0, 4)}
		cellAspectRatio={1}
	/>

	<DummyElement />
	<Button
		textColor={"#64FEE7"}
		text="Hello world!"
	/>
	<Text
		background={"#64FEE7"}
		text="Hello there!"
		font={Enum.Font.Arial}
	/>
</Frame>;

Support

TODO

• Stories
• Support for Bindings in props
• Better documentation

Components

• Frame
• ScrollableFrame
• Button
• ImageButton
• Text
• Image
• TextBox

Modifiers

• UIAspectRatioConstraint
• UICorner
• UIGradient
• UIGridLayout (see GridLayout)
• UIListLayout (see ListLayout)
• UIFlexLayout (in Roblox Studio Beta Features, waiting for production release)
• UIPadding
• UIPageLayout
• UIScale
• UISizeConstraint
• UIStroke
• UITableLayout
• UITextSizeConstraint