Does CustomField support labels aside?

Hilla
1

Hello. I use a custom component to show labels aside according to hilla 23 docs

<FormItem>
	{label && <label slot="label">{label}</label>}
	{children}
	{helperText && <span className="text-xs text-secondary font-medium mt-0">{helperText}</span>}
	{tooltip && <Tooltip
		for={childId}
		text={tooltip}
		position="top-start"
	/>}
</FormItem>

...

<FormLayout className='overflow-auto'
	style={{ '--vaadin-form-layout-label-width': '180px'  }}
	responsiveSteps={[{ columns: 1 }]}
	labelsAside
>

but I noticed in console.log a message

Since Vaadin 23, placing multiple fields directly to a <vaadin-form-item> is deprecated.
Please wrap fields with a <vaadin-custom-field> instead.

When I change FormItem to CustomField, the labels are not aside anymore.
I also tried to set labelsAside on FormLayout, but it didn’t help.

Is it possible?

2

Hi, I wrote that sentence and now I realize it’s not quite clear:
FormItem is specifically for side-labels, nothing else, and it works with all field components, including CustomField. So you implement your multi-field-whatever with CustomField, and then you wrap that with FormItem for side label support.