mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-20 12:23:02 +00:00
chore: lift components folder
This commit is contained in:
parent
76df51674d
commit
2200b29b92
301 changed files with 57 additions and 76 deletions
34
src/StructuredList/StructuredList.svelte
Normal file
34
src/StructuredList/StructuredList.svelte
Normal file
|
@ -0,0 +1,34 @@
|
|||
<script>
|
||||
export let selected = undefined;
|
||||
export let border = false;
|
||||
export let selection = false;
|
||||
|
||||
import { createEventDispatcher, setContext } from "svelte";
|
||||
import { writable } from "svelte/store";
|
||||
|
||||
const dispatch = createEventDispatcher();
|
||||
const selectedValue = writable(selected);
|
||||
|
||||
setContext("StructuredListWrapper", {
|
||||
selectedValue,
|
||||
update: value => {
|
||||
selectedValue.set(value);
|
||||
}
|
||||
});
|
||||
|
||||
$: selected = $selectedValue;
|
||||
$: dispatch("change", $selectedValue);
|
||||
</script>
|
||||
|
||||
<section
|
||||
aria-label="Structured list section"
|
||||
class:bx--structured-list={true}
|
||||
class:bx--structured-list--border={border}
|
||||
class:bx--structured-list--selection={selection}
|
||||
{...$$restProps}
|
||||
on:click
|
||||
on:mouseover
|
||||
on:mouseenter
|
||||
on:mouseleave>
|
||||
<slot />
|
||||
</section>
|
Loading…
Add table
Add a link
Reference in a new issue