mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-18 03:26:36 +00:00
Code Issues Projects Releases Packages Wiki Activity

fix(slider): add label id

Browse source
This commit is contained in:
Eric Liu 2021-01-21 14:47:04 -08:00
commit 725d9de204
1 changed files with 3 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/Slider/Slider.svelte
View file

@ -95,6 +95,7 @@
value = nextValue; value = nextValue;
} }
$: labelId = `label-${id}`;
$: range = max - min; $: range = max - min;
$: left = ((value - min) / range) * 100; $: left = ((value - min) / range) * 100;
$: { $: {
@ -132,6 +133,7 @@
> >
<label <label
for="{id}" for="{id}"
id="{labelId}"
class:bx--label="{true}" class:bx--label="{true}"
class:bx--label--disabled="{disabled}" class:bx--label--disabled="{disabled}"
> >
@ -160,6 +162,7 @@
tabindex="0" tabindex="0"
class:bx--slider__thumb="{true}" class:bx--slider__thumb="{true}"
style="left: {left}%" style="left: {left}%"
aria-labelledby="{labelId}"
aria-valuemax="{max}" aria-valuemax="{max}"
aria-valuemin="{min}" aria-valuemin="{min}"
aria-valuenow="{value}" aria-valuenow="{value}"