mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-15 10:21:05 +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

48
src/components/RadioButton/RadioButton.svelte
View file

@ -1,48 +0,0 @@
<script>
export let value = "";
export let checked = false;
export let disabled = false;
export let id = "ccs-" + Math.random().toString(36);
export let labelPosition = "right"; // "left" | "right"
export let labelText = "";
export let hideLabel = false;
export let name = "";
import { getContext } from "svelte";
import { writable } from "svelte/store";
const ctx = getContext("RadioButtonGroup");
const selectedValue = ctx
? ctx.selectedValue
: writable(checked ? value : undefined);
if (ctx) {
ctx.add({ id, checked, disabled, value });
}
$: checked = $selectedValue === value;
</script>
<div
class:bx--radio-button-wrapper={true}
class:bx--radio-button-wrapper--label-left={labelPosition === 'left'}
{...$$restProps}>
<input
type="radio"
{id}
{name}
{checked}
{disabled}
{value}
class:bx--radio-button={true}
on:change
on:change={() => {
if (ctx) {
ctx.update(value);
}
}} />
<label class:bx--radio-button__label={true} for={id}>
<span class:bx--radio-button__appearance={true} />
<span class:bx--visually-hidden={hideLabel}>{labelText}</span>
</label>
</div>