Embedded Container

A container component designed to be embedded in your content.

Properties

Name	Type	Description
StrokeBottom	Fusion.UsedAs<boolean>?	if the container should have a stroke on the bottom.
StrokeTop	Fusion.UsedAs<boolean>?	if the container should have a stroke on the top.
StrokeLeft	Fusion.UsedAs<boolean>?	if the container should have a stroke on the left.
StrokeRight	Fusion.UsedAs<boolean>?	if the container should have a stroke on the right.
ChildrenZIndex	Fusion.UsedAs<number>?	The ZIndex of the container's children wrapper.

Example

Scope:EmbeddedContainer {
  Size = UDim2.new(1, 0),
  AutomaticSize = Enum.AutomaticSize.Y,
  StrokeBottom = true,
  
  [Children] = {
    Scope:Button {
      Width = UDim.new(1, 0),
      Content = "Export",
    },
 
    Scope:Button {
      Width = UDim.new(1, 0),
      Content = "Import",
      Variant = "Secondary" :: "Secondary"
    },
 
    Scope:New "UIListLayout" {
      FillDirection = Enum.FillDirection.Horizontal,
      HorizontalFlex = Enum.UIFlexAlignment.Fill,
      Padding = UDim.new(0, 8)
    },
 
    Scope:New "UIPadding" {
      PaddingLeft = UDim.new(0, 8), PaddingRight = UDim.new(0, 8),
      PaddingTop = UDim.new(0, 8), PaddingBottom = UDim.new(0, 8),
    }
  }
}

Container Image Background