Border Control not saving

Developers
1

Hi,

I am trying to add a border control in a custom element that I am developing but it isn’t saving the settings from the builder canvas.

Using the code snippet from: Border Control – Bricks Academy

$this->controls['item_border'] = [
      'tab' => 'content',
      'label' => esc_html__('Border', 'bricks'),
      'type' => 'border',
      'css' => [
        [
          'property' => 'border',
          'selector' => '.open-hours-item',
        ],
      ],
      /* 'inline' => true,
      'small' => true, */
      'default' => [
        'width' => [
          'top' => 1,
          'right' => 0,
          'bottom' => 0,
          'left' => 0,
        ],
        'style' => 'solid',
        'color' => [
          'hex' => '#ff0000',
        ],
        'radius' => [
          'top' => 10,
          'right' => 10,
          'bottom' => 10,
          'left' => 10,
        ],
      ],
    ];

Rendering as:

echo '<li class="open-hours-item"'>';

What am I doing wrong?