• I have a plugin that provides a Block, which has a number of inspector controls. Some of these are checkboxes, which are displayed one above another with their labels to the side of each checkbox. I would like to add a label above the checkbox group that is consistent with other labels above Text and Select Controls.

    I’ve searched the docs, but I can’t seem to find any component control that will just add a label on its own. I tried the blockEditor.PlainText, which is almost there, but it renders a text input box around the text when clicked on.

    Any other suggestions?

    
    el(PlainText,
      {
        value: __( 'My Checkbox Group Label', 'my-text-domain' ),
      }
    ),
    
    el(CheckboxControl,
      {
        label: __( 'First Checkbox', 'my-text-domain' ),
        checked: my-value,
        onChange: onCheckBoxChange.bind( my-value ),
      }
    ),
    ...
Viewing 2 replies - 1 through 2 (of 2 total)
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Block Editor Inspector Controls – Label for CheckBoxes Group’ is closed to new replies.