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

chore: lift components folder

Browse source
This commit is contained in:
Eric Liu 2020-07-19 09:06:08 -07:00
commit 2200b29b92
301 changed files with 57 additions and 76 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,56 +0,0 @@
<script>
export let checked = false;
export let light = false;
export let value = "";
export let tabindex = "0";
export let iconDescription = "Tile checkmark";
export let id = "ccs-" + Math.random().toString(36);
export let name = "";
import { getContext } from "svelte";
import CheckmarkFilled16 from "carbon-icons-svelte/lib/CheckmarkFilled16";
const { add, update, selectedValue } = getContext("TileGroup");
add({ value, checked });
$: checked = value === $selectedValue;
</script>
<input
type="radio"
{id}
{name}
{value}
{checked}
class:bx--tile-input={true}
on:change
on:change={() => {
update(value);
}} />
<label
for={id}
{tabindex}
class:bx--tile={true}
class:bx--tile--selectable={true}
class:bx--tile--is-selected={checked}
class:bx--tile--light={light}
{...$$restProps}
on:click
on:mouseover
on:mouseenter
on:mouseleave
on:keydown
on:keydown={e => {
if (e.key === ' ' || e.key === 'Enter') {
e.preventDefault();
update(value);
}
}}>
<span class:bx--tile__checkmark={true}>
<CheckmarkFilled16 aria-label={iconDescription} title={iconDescription} />
</span>
<span class:bx--tile-content={true}>
<slot />
</span>
</label>