CheckboxesField.columns and .columnWidth
Massimo Melina committed
Jan 7, 2023 at 19:09 UTC
d0798a40be6d703a2ac44b38f3784a3bc672638e
1 file changed
+4
-3
mui-grid-form/src/misc-fields.ts
+4
-3
@@ -59,10 +59,11 @@ export function BoolField({ label='', value, onChange, getApi, helperText, error
59
)
60
}
61
62
-export function CheckboxesField({ label, options, value, onChange }: FieldProps<string[]> & { options: string[] }) {
63
- return h(FormControl, {},
62
+export function CheckboxesField({ label, options, value, onChange, columns, columnWidth }: FieldProps<string[]> & { options: string[] }) {
63
+ const doCols = columns > 1 || Boolean(columnWidth)
64
+ return h(FormControl, { fullWidth: doCols },
65
label && h(FormLabel, {}, label),
65
- h(FormGroup, {},
66
+ h(FormGroup, { sx: { ...doCols && { columns, columnWidth, '&, & label': { display: 'block' } } } },
67
options.map(o => {
68
const checked = value?.includes(o)
69
return h(FormControlLabel, {