OBJECT

LayoutBuilderStyle

Style configuration for layout elements

link GraphQL Schema definition

  • type LayoutBuilderStyle {
  • # Background color (hex, rgb, or named color)
  • backgroundColor: String!
  • # Opacity value (0.0 to 1.0)
  • opacity: Float!
  • # CSS align-items value (flex-start, center, flex-end)
  • alignItems: String
  • # CSS justify-content value (flex-start, center, flex-end, space-between)
  • justifyContent: String
  • # CSS flex-direction value (row, column)
  • flexDirection: String
  • # CSS flex value (e.g. 1, auto, 0 0 33%)
  • flex: String
  • # CSS gap value
  • gap: String
  • # CSS column-gap value
  • columnGap: String
  • # CSS row-gap value
  • rowGap: String
  • # Margin (top, right, bottom, left)
  • margin: LayoutBuilderSpacing
  • # Padding (top, right, bottom, left)
  • padding: LayoutBuilderSpacing
  • # Width (value, min, max)
  • width: LayoutBuilderSize
  • # Height (value, min, max)
  • height: LayoutBuilderSize
  • # Border (style, color, width, radius)
  • border: LayoutBuilderBorder
  • # CSS overflow (e.g. hidden)
  • overflow: String
  • }

link Require by