# post-carousel/4.0.8/src/blocks/shared/advancedTab.js

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

- Page: https://pluginprobe.com/plugins/post-carousel/4.0.8/code/src/blocks/shared/advancedTab.js
- Raw: https://pluginprobe.com/plugins/post-carousel/4.0.8/raw/src/blocks/shared/advancedTab.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/blocks/shared/advancedTab.js#L10-L20`.

```javascript
import { __ } from "@wordpress/i18n";
import { InputControl, Toggle } from "../../components";

export const VisibilityTab = ({ attributes, setAttributes }) => {
	const { hideOnDesktop, hideOnTablet, hideOnMobile } = attributes;

	return (
		<div>
			<Toggle
				label={__("Hide on Desktop", "post-carousel")}
				attributes={hideOnDesktop}
				setAttributes={setAttributes}
				attributesKey={"hideOnDesktop"}
				pro={true}
			/>
			<Toggle
				label={__("Hide on Tablet", "post-carousel")}
				attributes={hideOnTablet}
				setAttributes={setAttributes}
				attributesKey={"hideOnTablet"}
				pro={true}
			/>
			<Toggle
				label={__("Hide on Mobile", "post-carousel")}
				attributes={hideOnMobile}
				setAttributes={setAttributes}
				attributesKey={"hideOnMobile"}
				pro={true}
			/>
		</div>
	);
};

export const AdvancedTab = ({ attributes, setAttributes }) => {
	const { additionalCssClass } = attributes;

	return (
		<div>
			<InputControl
				label={__("Additional CSS Class(es)", "post-carousel")}
				attributes={additionalCssClass}
				attributesKey={"additionalCssClass"}
				setAttributes={setAttributes}
				flex={false}
				inputType="string"
			/>
		</div>
	);
};

```