# tableberg/1.1.5/src/components/AdvancedCustomClassControl.tsx

Tableberg – Simple Gutenberg Table Block, version 1.1.5. 31 lines.

- Page: https://pluginprobe.com/plugins/tableberg/1.1.5/code/src/components/AdvancedCustomClassControl.tsx
- Raw: https://pluginprobe.com/plugins/tableberg/1.1.5/raw/src/components/AdvancedCustomClassControl.tsx
- Modified: 2026-09-16T03:30:32+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/tableberg/1.1.5/code/src/components/AdvancedCustomClassControl.tsx#L10-L20`.

```tsx
import { InspectorControls } from "@wordpress/block-editor";
import { TextControl } from "@wordpress/components";
import { __ } from "@wordpress/i18n";

export function AdvancedCustomClassControl({
    label,
    value,
    onChange,
}: {
    label?: string;
    value?: string;
    onChange: (value: string | undefined) => void;
}) {
    return (
        <InspectorControls group="advanced">
            <TextControl
                __next40pxDefaultSize
                autoComplete="off"
                label={label || __("Additional CSS class(es)", "tableberg")}
                value={value || ""}
                onChange={nextValue => {
                    const trimmedValue = nextValue.trim();

                    onChange(trimmedValue !== "" ? trimmedValue : undefined);
                }}
                help={__("Separate multiple classes with spaces.", "tableberg")}
            />
        </InspectorControls>
    );
}

```