mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-18 03:26:36 +00:00
Support fieldset disabled
This commit is contained in:
parent
ef76f2cb58
commit
9db8f9d40d
1 changed files with 9 additions and 8 deletions
|
@ -53,6 +53,15 @@
|
||||||
value="{value}"
|
value="{value}"
|
||||||
name="{name}"
|
name="{name}"
|
||||||
title="{title}"
|
title="{title}"
|
||||||
|
on:change
|
||||||
|
on:change="{() => update({ value, selected: !selected })}"
|
||||||
|
on:keydown
|
||||||
|
on:keydown="{(e) => {
|
||||||
|
if (e.key === ' ' || e.key === 'Enter') {
|
||||||
|
e.preventDefault();
|
||||||
|
update({ value, selected: !selected });
|
||||||
|
}
|
||||||
|
}}"
|
||||||
/>
|
/>
|
||||||
<label
|
<label
|
||||||
for="{id}"
|
for="{id}"
|
||||||
|
@ -63,17 +72,9 @@
|
||||||
class:bx--tile--light="{light}"
|
class:bx--tile--light="{light}"
|
||||||
{...$$restProps}
|
{...$$restProps}
|
||||||
on:click
|
on:click
|
||||||
on:click|preventDefault="{() => update({ value, selected: !selected })}"
|
|
||||||
on:mouseover
|
on:mouseover
|
||||||
on:mouseenter
|
on:mouseenter
|
||||||
on:mouseleave
|
on:mouseleave
|
||||||
on:keydown
|
|
||||||
on:keydown="{(e) => {
|
|
||||||
if (e.key === ' ' || e.key === 'Enter') {
|
|
||||||
e.preventDefault();
|
|
||||||
update({ value, selected: !selected });
|
|
||||||
}
|
|
||||||
}}"
|
|
||||||
>
|
>
|
||||||
<span class:bx--tile__checkmark="{true}">
|
<span class:bx--tile__checkmark="{true}">
|
||||||
<CheckmarkFilled16
|
<CheckmarkFilled16
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue