Inline Form Field Label

[napei]

Description

I wanted to do something like the inline field label shown in the component examples in the docs, but couldn't find a suitable builtin. I think it's a nice halfway between MD's label-in-the-field strategy and while I could abuse the leading slot of the input, I think it makes more sense to be generic across input types.

I did end up copy/pasting the source but it would be cool if the FormField (or something) had an inline variant that did this.

For reference:

ui/docs/app/components/content/ComponentExample.vue

Lines 162 to 167 in 50d68a6

	class="inline-flex ring ring-(--ui-border-accented) rounded-(--ui-radius)"
	:ui="{
	wrapper: 'bg-(--ui-bg-elevated)/50 rounded-l-(--ui-radius) flex border-r border-(--ui-border-accented)',
	label: 'text-(--ui-text-muted) px-2 py-1.5',
	container: 'mt-0'
	}"

Thanks for your consideration 😄

Additional context

No response