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(tile-group): change defaultSelected to selected

Browse source
This commit is contained in:
Eric Liu 2019-12-31 15:20:14 -08:00
commit 10e6f1c79d
3 changed files with 27 additions and 41 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/components/Tile/RadioTile.svelte
View file

@ -2,23 +2,23 @@
let className = undefined;
export { className as class };
export let checked = false;
export let id = Math.random();
export let name = '';
export let iconDescription = 'Tile checkmark';
export let value = '';
export let tabindex = '0';
export let id = Math.random();
export let light = false;
export let name = '';
export let style = undefined;
export let tabindex = '0';
export let value = '';
import { getContext } from 'svelte';
import CheckmarkFilled16 from 'carbon-icons-svelte/lib/CheckmarkFilled16';
import { cx } from '../../lib';
const { addTile, updateSelected, selected } = getContext('TileGroup');
const { add, update, selectedValue } = getContext('TileGroup');
addTile({ id, value, checked });
add({ value, checked });
$: checked = value === $selected.value;
$: checked = value === $selectedValue;
</script>
<input
@ -26,7 +26,7 @@
class={cx('--tile-input')}
on:change
on:change={() => {
updateSelected({ id, value });
update(value);
}}
{id}
{name}
@ -43,7 +43,7 @@
on:keydown={event => {
if (event.key === ' ' || event.key === 'Enter') {
event.preventDefault();
updateSelected({ id, value });
update(value);
}
}}
{tabindex}