budibase/packages/standard-components/src/Input.svelte

23 lines
490 B
Svelte
Raw Normal View History

<script>
2020-04-23 14:22:41 +02:00
export let id = ""
2020-02-03 10:50:30 +01:00
export let value = ""
export let className = ""
export let type = "text"
2020-04-23 14:22:41 +02:00
export let label = ""
export let checked = false
2020-02-03 10:50:30 +01:00
export let _bb
2020-02-03 10:50:30 +01:00
let actualValue = ""
2020-02-03 10:50:30 +01:00
const onchange = ev => {
if (_bb) {
2020-08-11 11:31:41 +02:00
const val = type === "checkbox" ? ev.target.checked : ev.target.value
_bb.setBinding("value", val)
2020-02-03 10:50:30 +01:00
}
}
</script>
2020-04-23 14:22:41 +02:00
<label for={id}>{label}</label>
<input {id} class={className} {type} {value} {checked} on:change={onchange} />