mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-16 10:51:06 +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

17
src/components/Tile/SelectableTile.svelte
View file

@ -1,15 +1,15 @@
<script>
let className = undefined;
export { className as class };
export let selected = false;
export let id = Math.random();
export let value = 'value';
export let title = 'title';
export let name = '';
export let iconDescription = 'Tile checkmark';
export let tabindex = '0';
export let id = Math.random();
export let light = false;
export let name = '';
export let selected = false;
export let style = undefined;
export let tabindex = '0';
export let title = 'title';
export let value = 'value';
import { createEventDispatcher } from 'svelte';
import CheckmarkFilled16 from 'carbon-icons-svelte/lib/CheckmarkFilled16';
@ -17,16 +17,13 @@
const dispatch = createEventDispatcher();
$: if (selected) {
dispatch('select', id);
}
$: dispatch(selected ? 'select' : 'deselect', id);
</script>
<input
type="checkbox"
tabindex="-1"
class={cx('--tile-input')}
on:change
checked={selected}
{id}
{value}