Surface¶

Surface is a rounded frame with a fill. Use it as the background of a panel. Sheet is a Surface that is always elevated.

Usage¶

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

C.Surface(scope, {
    Size = UDim2.fromOffset(240, 120),
    Elevated = true,
})

Name	Type	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>`	-	Size of the component.
`Visible`	`UsedAs<boolean>`	`true`	Whether the component is shown.
`ZIndex`	`UsedAs<number>`	-	Z index of the component.
`Name`	`string`	`"Surface"`	Name of the frame.
`Elevated`	`boolean`	`false`	Use the `SurfaceContainerHigh` colour instead of `Surface`, so the panel stands out from a plain background.