mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-18 11:36:36 +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 21:30:35 +00:00
commit 7373aa30c5
1 changed files with 30 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -62,7 +62,7 @@
</div> </div>
<SelectableTileGroup <SelectableTileGroup
selectedValues="{selectedValues3}" bind:selectedValues="{selectedValues3}"
legend="Select the options you require" legend="Select the options you require"
> >
{#each selectedValues3_control as item} {#each selectedValues3_control as item}
@ -85,3 +85,32 @@
Reset selectedValues3 Reset selectedValues3
</Button> </Button>
</div> </div>
<h2>#key fix</h2>
<SelectableTileGroup
bind:selectedValues="{selectedValues3}"
legend="Select the options you require"
>
{#key selectedValues3_control}
{#each selectedValues3_control as item}
<SelectableTile value="{item.value}" selected="{item.selected}">
{item.value}
</SelectableTile>
{/each}
{/key}
</SelectableTileGroup>
<div>
{selectedValues3.join(', ')}
<Button
on:click="{() => {
selectedValues3_control = selectedValues3_control.map((item) => {
return { ...item, selected: false };
});
}}"
>
Reset selectedValues3
</Button>
</div>