slider

Slider with ‘px’ content

This option allows user to show a slider for easily input a number value.

It supports the following properties:

Name

Type

Default

Description

min

Number

The property shows the minimum input value

max

Number

The property shows the maximum input value

step

Number

1

Step to the next value

shiftStep

Number

10

Step when pressing shift key

content

String

String that displays the units

Below is the following example of how the option can be used:

public function options( $options ) {     
    $options->add_option( 
            'height',             
             [ 
               'type'      => 'slider',
                'title'     => __( 'Height', 'zionbuilder' ),
                'default'   => 13,
                'min'       => 1,
                'max'       => 100,
                'step'      => 1,
                'content'   => 'px',  
             ]
         ); 
}

Last updated

Was this helpful?