Label isn't correctly associated with checkbox, since for is correctly set, but associated input does not have matching id.
<div class="mrf-mt_10" style="position: relative">
<label class="mrf-flex mrf-ai_center mrf-mb_5" for="enabled"
><span>Enabled</span></label
><input
type="checkbox"
class="mrf-content_switch mrf-content_switch_button_off mrf-cursor_pointer"
/>
</div>
On the above example, input should have an id valued to "enabled".
Another issue is that props property does not seem to have any effect on generated input :
{
enabled: {
label: "Enabled",
type: type.bool,
defaultValue: key?.enabled ?? false,
props: {
"aria-label": "Enabled",
id: "enabled",
},
}
}
with above configuration, "aria-label" and "id" are not passed down to input (see above html).
Label isn't correctly associated with checkbox, since for is correctly set, but associated input does not have matching id.
On the above example, input should have an id valued to "enabled".
Another issue is that
propsproperty does not seem to have any effect on generated input :with above configuration, "aria-label" and "id" are not passed down to input (see above html).