Row

Useful when you need to show two things next to each-other.

A row lays out two groups of components side by side, one aligned left and one aligned right.

The row component has the following properties:

• rowMainContent (min 1): an array of row components
• rowAsideContent (min 1): an array of row components

The following components can be used in a row:

• Badge
• CopyButton
• Divider
• LinkButton
• Spacer
• Text
• PlainText

For example:

{
  "componentRow": {
    "rowMainContent": [
      {
        "componentText": {
          "text": "Membership"
        }
      }
    ],
    "rowAsideContent": [
      {
        "componentBadge": {
          "badgeLabel": "Premium plan",
          "badgeColor": "BLUE"
        }
      }
    ]
  }
}