mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 02:11:05 +00:00
Merge pull request #407 from weaseldotro/patch-1
fix(RadioButtonGroup): make selected prop reactive
This commit is contained in:
commit
b10b4a4a10
1 changed files with 13 additions and 3 deletions
|
@ -26,7 +26,7 @@
|
||||||
*/
|
*/
|
||||||
export let id = undefined;
|
export let id = undefined;
|
||||||
|
|
||||||
import { createEventDispatcher, setContext } from "svelte";
|
import { beforeUpdate, createEventDispatcher, onMount, setContext } from "svelte";
|
||||||
import { writable } from "svelte/store";
|
import { writable } from "svelte/store";
|
||||||
|
|
||||||
const dispatch = createEventDispatcher();
|
const dispatch = createEventDispatcher();
|
||||||
|
@ -40,11 +40,21 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
update: (value) => {
|
update: (value) => {
|
||||||
selectedValue.set(value);
|
selected = value;
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
$: selected = $selectedValue;
|
onMount(() => {
|
||||||
|
$selectedValue = selected
|
||||||
|
})
|
||||||
|
|
||||||
|
beforeUpdate(() => {
|
||||||
|
$selectedValue = selected
|
||||||
|
})
|
||||||
|
|
||||||
|
$: $selectedValue, (() => {
|
||||||
|
selected = $selectedValue
|
||||||
|
})
|
||||||
$: dispatch("change", $selectedValue);
|
$: dispatch("change", $selectedValue);
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue