Alignment

Allows you to display alignment controls for your widget. Depending on the use case, you are able to display horizontal, vertical, or both alignments simultaneously.

Widget Configuration Output

{
  "contentAlignment": {
    "horizontal": "center",
    "vertical": "middle"
  }
}

Depending on the alignment control type, certain values are possible:

Content alignment setting	Allowed values
`horizontal`	”left”, “right”, “center”
`vertical`	”top”, “bottom”, “middle”

User Interface Output

output

JSON Schema

Property	Type	Description	Example
`type`	string	The type of setting component to display.	”alignment”
`label`	string	The user friendly message to inform the user how this setting will be used.	”Image alignment”
`id`	string	The variable name where the setting value will be available in the widget template.	”imageAlignment”
`default`	object	The default value to use when rendering the widget for the first time.
`default.horizontal`	string	Possible values include: “left”, “right”, “center”.	“center”
`default.vertical`	string	Possible values include: “top”, “bottom”, “middle”.	“middle”
`typeMeta`	object	Additional information needed based on the selected setting type.
`typeMeta.display`	string	Determines which alignment controls are displayed.	”both”