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

refactor(structured-list): make StructuredListWrapper default component

Browse source
This commit is contained in:
Eric Liu 2019-12-31 15:47:45 -08:00
commit 0b30250e57
7 changed files with 33 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

39
src/components/StructuredList/StructuredListWrapper.svelte
View file

@ -1,39 +0,0 @@
<script>
let className = undefined;
export { className as class };
export let defaultSelected = undefined;
export let border = false;
export let selection = false;
export let style = undefined;
import { createEventDispatcher, setContext } from 'svelte';
import { writable } from 'svelte/store';
import { cx } from '../../lib';
const dispatch = createEventDispatcher();
let selected = writable(defaultSelected);
setContext('StructuredListWrapper', {
selected,
update: value => {
selected.set(value);
}
});
$: {
defaultSelected = $selected;
dispatch('change', $selected);
}
</script>
<section
on:click
on:mouseover
on:mouseenter
on:mouseleave
class={cx('--structured-list', border && '--structured-list--border', selection && '--structured-list--selection', className)}
aria-label={$$props['aria-label'] || 'Structured list section'}
{style}>
<slot />
</section>