# colorpicker

The following extra attributes can be added to the option:

<table data-header-hidden><thead><tr><th width="149"></th><th width="105"></th><th width="113"></th><th></th></tr></thead><tbody><tr><td><strong>Name</strong></td><td><strong>Type</strong></td><td><strong>Default</strong></td><td><strong>Description</strong></td></tr><tr><td>showLibrary</td><td>Boolean</td><td>true</td><td>The property shows the library of colors or not.</td></tr></tbody></table>

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

```
public function options( $options ) {
     $options->add_option(
            'stroke_color',
            [
                'type'      => 'colorpicker',
                'title'     => __( 'Line color', 'zionbuilder' ),
                'layout'    => 'inline',
                'default'   =>'#06bee1',
                'css_style' => [
                    [
                        'selector' => '{{ELEMENT}} .className',
                        'value'    => 'border-top-color: {{VALUE}}',
                    ],
                ],
            ]
        );
}
```
