Skip to content

Commit 78a6b0a

Browse files
committed
Allows 2-way data binding to input value, adds support for html in input label
1 parent 75acad4 commit 78a6b0a

File tree

1 file changed

+4
-2
lines changed

1 file changed

+4
-2
lines changed

src/components/Input/Input.svelte

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,7 @@
1010
export let type: SvelteInputProps['type'] = 'text'
1111
export let theme: SvelteInputProps['theme'] = null
1212
export let label: SvelteInputProps['label'] = ''
13+
export let value: SvelteInputProps['value'] = ''
1314
export let subText: SvelteInputProps['subText'] = ''
1415
export let className: SvelteInputProps['className'] = ''
1516
export let labelClassName: SvelteInputProps['labelClassName'] = ''
@@ -38,7 +39,7 @@
3839
class={labelClasses}
3940
>
4041
{#if label}
41-
<div class={styles.label}>{label}</div>
42+
<div class={styles.label}>{@html label}</div>
4243
{/if}
4344
<ConditionalWrapper
4445
condition={$$slots.default}
@@ -47,8 +48,9 @@
4748
>
4849
<slot />
4950
<input
50-
type={type}
51+
{...{ type }}
5152
class={classes}
53+
bind:value
5254
on:change={onChange}
5355
on:keyup={onKeyUp}
5456
on:input={onInput}

0 commit comments

Comments
 (0)