mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-19 03:49:34 +00:00
Code Issues Projects Releases Packages Wiki Activity

try to fix reactivity

Browse source
This commit is contained in:
Richard O'flynn 2020-12-10 18:27:50 +00:00
commit 3b1efdd0e6
2 changed files with 8 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

9
docs/src/pages/framed/SelectableTile/SelectableTileReactive.svelte
View file

@ -7,7 +7,8 @@
let selectedValues = ["1"];
let selectedValues2 = [];
let selectedValues3 = [
let selectedValues3 = [];
let selectedValues3_control = [
{ value: "1", selected: true },
{ value: "2", selected: false },
{ value: "3", selected: false },
@ -64,7 +65,7 @@
selectedValues="{selectedValues3}"
legend="Select the options you require"
>
{#each selectedValues3 as item}
{#each selectedValues3_control as item}
<SelectableTile value="{item.value}" bind:selected="{item.selected}">
{item.value}
</SelectableTile>
@ -72,11 +73,11 @@
</SelectableTileGroup>
<div>
{selectedValues3.map((item) => item.value).join(', ')}
{selectedValues3.join(', ')}
<Button
on:click="{() => {
selectedValues3 = selectedValues3.map((item) => {
selectedValues3_control = selectedValues3.map((item) => {
return { ...item, selected: false };
});
}}"