Browse Source

Extract value and label props from select options which are objects by default

gh-pages
Andrew Kingston 6 years ago
parent
commit
a9f07045f7
  1. 10
      packages/bbui/src/Form/Select.svelte

10
packages/bbui/src/Form/Select.svelte

@ -10,14 +10,20 @@
export let error = null
export let placeholder = "Choose an option"
export let options = []
export let getOptionLabel = option => option
export let getOptionValue = option => option
export let getOptionLabel = option => extractProperty(option, "label")
export let getOptionValue = option => extractProperty(option, "value")
const dispatch = createEventDispatcher()
const onChange = e => {
dispatch("change", e.detail)
value = e.detail
}
const extractProperty = (value, property) => {
if (value && typeof value === "object") {
return value[property]
}
return value
}
</script>
<Field {label} {labelPosition} {disabled} {error}>

Loading…
Cancel
Save