mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-15 02:11:05 +00:00
Code Issues Projects Releases Packages Wiki Activity

refactor(selectable-tile): dispatch select, unselect events

Browse source 
Remove on:change event forwarding
This commit is contained in:
Eric Liu 2019-12-31 15:33:04 -08:00
commit 359f99f682
2 changed files with 22 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/components/Tile/Tile.Story.svelte
View file

@ -18,6 +18,8 @@
];
let selected = radioTiles[1].value;
let selectedTile1 = false;
</script>
<Layout>
@ -28,7 +30,19 @@
<ClickableTile {...$$props}>Clickable Tile</ClickableTile>
{:else if story === 'multi-select'}
<div role="group" aria-label="selectable tiles">
<SelectableTile {...$$props} id="tile-1" name="tiles">Multi-select Tile</SelectableTile>
<SelectableTile
{...$$props}
id="tile-1"
name="tiles"
bind:selected={selectedTile1}
on:select={({ detail }) => {
console.log('on:select', detail);
}}
on:deselect={({ detail }) => {
console.log('on:deselect', detail);
}}>
Multi-select Tile
</SelectableTile>
<SelectableTile {...$$props} id="tile-2" name="tiles">Multi-select Tile</SelectableTile>
<SelectableTile {...$$props} id="tile-3" name="tiles">Multi-select Tile</SelectableTile>
</div>