Direction Control (Flexbox)

July 6, 2021

Use the direction control to allow users to set the flex-direction CSS property of your CSS flexbox layout. 

public function set_controls() {
  $this->controls['direction'] = [ // Setting key
    'tab' => 'content',
    'label' => esc_html__( 'Direction', 'bricks' ),
    'type' => 'flex-direction',
    'css' => [
      [
        'property' => 'flex-direction',
        'selector' => '.flexbox-wrapper',
      ],
    ],
  ];
}
×