# post-carousel/4.0.8/src/components/inputControl/units.js

Smart Post – Post Grid, Post Carousel, Post Slider Gutenberg Blocks for Blog & News, version 4.0.8. 24 lines.

- Page: https://pluginprobe.com/plugins/post-carousel/4.0.8/code/src/components/inputControl/units.js
- Raw: https://pluginprobe.com/plugins/post-carousel/4.0.8/raw/src/components/inputControl/units.js
- Modified: 2026-09-02T10:51:28+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/post-carousel/4.0.8/code/src/components/inputControl/units.js#L10-L20`.

```javascript
import { Button } from "@wordpress/components";

const Units = ({ units, onChange, activeUnit }) => {
	return (
		<div className="sp-smart-post-units">
			<div className="sp-smart-post-units-btn">
				{units?.map((item, i) => (
					<Button
						className={activeUnit === item.toLowerCase() ? "active" : ""}
						key={i}
						value={item}
						onClick={(e) => onChange(e.target.value.toLowerCase())}
					>
						{" "}
						{item}{" "}
					</Button>
				))}
			</div>
		</div>
	);
};

export default Units;

```