mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-16 19:01:05 +00:00
chore: lift components folder
This commit is contained in:
parent
76df51674d
commit
2200b29b92
301 changed files with 57 additions and 76 deletions
35
src/Tile/TileGroup.svelte
Normal file
35
src/Tile/TileGroup.svelte
Normal file
|
@ -0,0 +1,35 @@
|
|||
<script>
|
||||
export let selected = undefined;
|
||||
export let disabled = false;
|
||||
export let legend = "";
|
||||
|
||||
import { createEventDispatcher, setContext } from "svelte";
|
||||
import { writable } from "svelte/store";
|
||||
|
||||
const dispatch = createEventDispatcher();
|
||||
const selectedValue = writable(selected);
|
||||
|
||||
setContext("TileGroup", {
|
||||
selectedValue,
|
||||
add: ({ checked, value }) => {
|
||||
if (checked) {
|
||||
selectedValue.set(value);
|
||||
}
|
||||
},
|
||||
update: value => {
|
||||
selectedValue.set(value);
|
||||
}
|
||||
});
|
||||
|
||||
$: selected = $selectedValue;
|
||||
$: dispatch("select", $selectedValue);
|
||||
</script>
|
||||
|
||||
<fieldset {disabled} class:bx--tile-group={true} {...$$restProps}>
|
||||
{#if legend}
|
||||
<legend class:bx--label={true}>{legend}</legend>
|
||||
{/if}
|
||||
<div>
|
||||
<slot />
|
||||
</div>
|
||||
</fieldset>
|
Loading…
Add table
Add a link
Reference in a new issue