# slider-blocks/2.11.0/src/controls/units-control/index.js

GutSlider – All in One Slider and Carousel Blocks for Gutenberg, version 2.11.0. 23 lines.

- Page: https://pluginprobe.com/plugins/slider-blocks/2.11.0/code/src/controls/units-control/index.js
- Raw: https://pluginprobe.com/plugins/slider-blocks/2.11.0/raw/src/controls/units-control/index.js
- Modified: 2026-02-21T13:53:58+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.0/code/src/controls/units-control/index.js#L10-L20`.

```javascript
const UnitsControl = ({ value, onChange, units }) => {
	return (
		<div className="gkits-units-wrapper">
			{units &&
				units.map((u, index) => {
					return (
						<button
							className={`unit-btn ${
								u === value ? 'gkits-active' : ''
							}`}
							key={index}
							onClick={() => onChange(u)}
						>
							{u}
						</button>
					);
				})}
		</div>
	);
};

export default UnitsControl;

```