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

feat(selectable-tile): dispatch select event

Browse source 
Supports #34
This commit is contained in:
Eric Liu 2019-12-20 07:43:50 -08:00
commit 1d66a8b127
1 changed files with 6 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,5 +1,4 @@
<script> <script>
// TODO: emit current selected tile
let className = undefined; let className = undefined;
export { className as class }; export { className as class };
export let selected = false; export let selected = false;
@ -12,9 +11,15 @@
export let light = false; export let light = false;
export let style = undefined; export let style = undefined;
import { createEventDispatcher } from 'svelte';
import CheckmarkFilled16 from 'carbon-icons-svelte/lib/CheckmarkFilled16'; import CheckmarkFilled16 from 'carbon-icons-svelte/lib/CheckmarkFilled16';
import { cx } from '../../lib'; import { cx } from '../../lib';
const dispatch = createEventDispatcher();
$: if (selected) {
dispatch('select', id);
}
$: _class = cx( $: _class = cx(
'--tile', '--tile',
'--tile--selectable', '--tile--selectable',