# slider-blocks/2.11.1/src/controls/select-control/index.js

GutSlider – All in One Slider and Carousel Blocks for Gutenberg, version 2.11.1. 43 lines.

- Page: https://pluginprobe.com/plugins/slider-blocks/2.11.1/code/src/controls/select-control/index.js
- Raw: https://pluginprobe.com/plugins/slider-blocks/2.11.1/raw/src/controls/select-control/index.js
- Modified: 2026-02-26T06:12:34+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/slider-blocks/2.11.1/code/src/controls/select-control/index.js#L10-L20`.

```javascript
/**
 * External dependencies
 */
import Select from 'react-select';

/**
 * WordPress dependencies
 */
import { withInstanceId } from '@wordpress/compose';
import { BaseControl } from '@wordpress/components';

const CustomSelectControl = ({
    label,
    value,
    options,
    onChange,
    searchable = true,
    clearable = true,
    placeholder = '',
    multiple = false,
    instanceId
}) => {
    const id = `select-control-${instanceId}`;
    return (
        <BaseControl id={id} label={label}>
            <Select
                id={id}
                classNamePrefix="gkits"
                value={value}
                onChange={data => onChange(data)}
                options={options}
                unstyled={true}
                isSearchable={searchable}
                isClearable={clearable}
                placeholder={placeholder}
                isMulti={multiple}
            />
        </BaseControl>
    );
};

export default withInstanceId(CustomSelectControl);

```