INPUT_OBJECT

LayoutBuilderStyleInput

Input for style configuration

link GraphQL Schema definition

  • input LayoutBuilderStyleInput {
  • # 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: LayoutBuilderSpacingInput
  • # Padding (top, right, bottom, left)
  • padding: LayoutBuilderSpacingInput
  • # Width (value, min, max)
  • width: LayoutBuilderSizeInput
  • # Height (value, min, max)
  • height: LayoutBuilderSizeInput
  • # Border (style, color, width, radius)
  • border: LayoutBuilderBorderInput
  • # Background layers (gradient / theme variable + media image)
  • background: LayoutBuilderBackgroundInput
  • # CSS overflow (e.g. hidden)
  • overflow: String
  • # CSS display (grid, flex, block, none) — none hides the node at this breakpoint
  • display: String
  • # Number of grid columns (1-12), overrides the row value
  • colsPerRow: Int
  • # CSS flex-wrap value (wrap or nowrap)
  • flexWrap: String
  • }

link Require by