# sliderberg/trunk/shared/src/components/SelectControl.tsx

Slider Block by Sliderberg – WordPress Slider & Carousel Plugin for Gutenberg, version trunk. 39 lines.

- Page: https://pluginprobe.com/plugins/sliderberg/trunk/code/shared/src/components/SelectControl.tsx
- Raw: https://pluginprobe.com/plugins/sliderberg/trunk/raw/shared/src/components/SelectControl.tsx
- Modified: 2026-09-15T03:04:50+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/sliderberg/trunk/code/shared/src/components/SelectControl.tsx#L10-L20`.

```tsx
/**
 * WordPress dependencies
 */
import React from "react";
import { SelectControl as WPSelectControl } from "@wordpress/components";

/**
 * Internal dependencies
 */
import { SelectControlProps } from "./types";

/**
 * Select control component
 * Wrapper around WordPress SelectControl with default value handling
 */
const UBSelectControl: React.FC<SelectControlProps> = ({
  label,
  value,
  onChange = () => {},
  options,
  disabled = false,
}) => {
  const displayValue = value ?? "auto";

  return (
    <WPSelectControl
      disabled={disabled}
      label={label}
      value={displayValue}
      options={options}
      onChange={onChange}
      __next40pxDefaultSize
      __nextHasNoMarginBottom
    />
  );
};

export default UBSelectControl;

```