Merge pull request #8260 from zhujinxuan/label-placement

Allow label position config in CheckboxGroupInput

Author: slax57

docs/CheckboxGroupInput.md

@@ -29,6 +29,7 @@ import { CheckboxGroupInput } from 'react-admin';
 | `optionText`  | Optional | `string` | `Function` | `name`  | Field name of record to display in the suggestion item or function which accepts the correct record as argument (`record => {string}`) |
 | `optionValue` | Optional | `string`                   | `id`    | Field name of record containing the value to use as input value                                                                        |
 | `row`         | Optional | `boolean`                  | `true`  | Display group of elements in a compact row.                                                                                            |
+| `labelPlacement` | Optional | `"bottom" `|`"end"`|`"start"`|`"top" ` | `"end"` | The position of the checkbox label.                                                                                                    |
 
 Refer to [MUI Checkbox documentation](https://mui.com/api/checkbox/) for more details.
 

packages/ra-ui-materialui/src/input/CheckboxGroupInput.tsx

@@ -278,6 +278,7 @@ export type CheckboxGroupInputProps = Omit<CommonInputProps, 'source'> &
         row?: boolean;
         // Optional as this input can be used inside a ReferenceInput
         source?: string;
+        labelPlacement?: 'bottom' | 'end' | 'start' | 'top';
     };
 
 const PREFIX = 'RaCheckboxGroupInput';

packages/ra-ui-materialui/src/input/CheckboxGroupInputItem.tsx

@@ -16,6 +16,7 @@ export const CheckboxGroupInputItem = props => {
         options,
         translateChoice,
         value,
+        labelPlacement,
         ...rest
     } = props;
 
@@ -50,6 +51,7 @@ export const CheckboxGroupInputItem = props => {
                 />
             }
             label={choiceName}
+            labelPlacement={labelPlacement}
         />
     );
 };