mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 18:31:06 +00:00
24 lines
624 B
Svelte
24 lines
624 B
Svelte
<script>
|
|
export let hideLabel = false;
|
|
</script>
|
|
|
|
<div
|
|
class:bx--form-item={true}
|
|
{...$$restProps}
|
|
on:click
|
|
on:mouseover
|
|
on:mouseenter
|
|
on:mouseleave>
|
|
{#if !hideLabel}
|
|
<span class:bx--label={true} class:bx--skeleton={true} />
|
|
{/if}
|
|
<div class:bx--slider-container={true} class:bx--skeleton={true}>
|
|
<span class:bx--slider__range-label={true} />
|
|
<div class:bx--slider={true}>
|
|
<div class:bx--slider__track={true} />
|
|
<div class:bx--slider__filled-track={true} />
|
|
<div class:bx--slider__thumb={true} />
|
|
</div>
|
|
<span class:bx--slider__range-label={true} />
|
|
</div>
|
|
</div>
|