Skip to content

Container

Container centres its content and stops it getting wider than MaxWidth. Use it for page content on wide screens.

Usage

Call Components.Container with a scope and a table of properties:

C.Container(scope, {
    MaxWidth = 720,
    Children = { C.Text(scope, { Text = "Page content" }) },
})

Properties

Name Type Required Default Description
Theme ThemeRef ❌ The contextual theme Theme to use for this component instead of the one from Theme.Provide.
LayoutOrder UsedAs<number> ❌ 0 Position in a parent UIListLayout or UIGridLayout.
Size UsedAs<UDim2> ❌ UDim2.fromScale(1, 1) Size of the component.
MaxWidth number ❌ 960 Widest the content can be, in pixels.
Children any ❌ - Content of the container.