beaverbuilder

<?php
'my_date' => array(
	'type'    => 'raw',
	'label'   => 'My Raw Field',
	'content' => '<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>',
),

beaverbuilder

<?php
'my_date' => array(
	'type'  => 'date',
	'label' => 'My Date',
	'min'	=> '2000-01-01', // Optional
	'max'	=> '2018-12-31', // Optional
),

beaverbuilder

<?php
FLBuilderCSS::border_field_rule( array(
	'settings' 	=> $settings,
	'setting_name' 	=> 'my_border',
	'selector' 	=> ".fl-node-$id .my-selector",
) );

beaverbuilder

<?php
'my_border' => array(
	'type'       => 'border',
	'label'      => 'My Border',
	'responsive' => true,
	'preview'    => array(
		'type'     => 'css',
		'selector' => '.my-selector',
	),
),

beaverbuilder

box-shadow: <?php echo FLBuilderColor::shadow( $settings->my_shadow ); ?>

beaverbuilder

<?php
'my_shadow' => array(
	'type'        => 'shadow',
	'label'       => 'My Shadow',
	'show_spread' => true,
	'preview'     => array(
		'type'     => 'css',
		'selector' => '.my-selector',
		'property' => 'box-shadow', 
	),

beaverbuilder

<?php
FLBuilderCSS::typography_field_rule( array(
	'settings'	=> $settings,
	'setting_name' 	=> 'my_typography',
	'selector' 	=> ".fl-node-$id .my-selector",
) );

beaverbuilder

<?php
'my_typography' => array(
	'type'       => 'typography',
	'label'      => 'Typography',
	'responsive' => true,
	'preview'    => array(
		'type'	    => 'css',
		'selector'  => '.my-selector',
	),
),

beaverbuilder

background-image: <?php echo FLBuilderColor::gradient( $settings->my_gradient ); ?>

beaverbuilder

<?php
'my_gradient' => array(
	'type'    => 'gradient',
	'label'   => 'Gradient',
	'preview' => array(
		'type'     => 'css',
		'selector' => '.my-selector',
		'property' => 'background-image',
	),
),