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

22 lines
426 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-07 13:00:52 +02:00
_bb.setBinding("value", ev.target.value)
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} />