Update InputRadio to properly show label and description

This commit is contained in:
Steven Nguyen
2023-12-19 16:15:29 -08:00
parent 37a5d11bda
commit cd7e82453e
+20
View File
@@ -3,12 +3,14 @@
export let label: string = null;
export let showLabel = true;
// export let label: string;
export let id: string;
export let group: string;
export let value: string;
export let name: string;
export let required = false;
export let disabled = false;
export let fullWidth = false;
let element: HTMLInputElement;
let error: string;
@@ -47,6 +49,24 @@
<slot />
{/if}
</Label>
<!-- <label class="choice-item" for={id}>
<input
{id}
{name}
{disabled}
{required}
{value}
type="radio"
bind:group
bind:this={element}
on:invalid={handleInvalid} />
<div
class="choice-item-content u-cross-child-center"
class:u-width-full-line={fullWidth}>
<div class="choice-item-title">{label}</div>
<slot name="description" />
</div>
</label> -->
</div>
{#if error}
<Helper type="warning">{error}</Helper>