Best way to show asterisks on required fields

[leeoocca]

I'm thinking of extending the default component to allow me to show an asterisk if the field is required. Here's what I came up with for now:

<Control>
	{#snippet children({ props })}
		<Label>Title{props['aria-required'] && '*'}</Form.Label>
		<Input {...props} bind:value={$formData.title} />
	{/snippet}
</Control>

The problem is that props['aria-required'] is not passed by the library to the Label component, so I would have to pass it manually. Something like:

<Control>
	{#snippet children({ props })}
		<Label required={props['aria-required']}>Title</Form.Label>
		<Input {...props} bind:value={$formData.title} />
	{/snippet}
</Control>

It also doesn't work well with radio groups... Is there a better way to do this?