mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 18:31:06 +00:00
29 lines
767 B
Svelte
29 lines
767 B
Svelte
<script>
|
|
/**
|
|
* Set to `true` to hide the label text
|
|
* @type {boolean} [hideLabel=false]
|
|
*/
|
|
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}"></span>
|
|
{/if}
|
|
<div class:bx--slider-container="{true}" class:bx--skeleton="{true}">
|
|
<span class:bx--slider__range-label="{true}"></span>
|
|
<div class:bx--slider="{true}">
|
|
<div class:bx--slider__track="{true}"></div>
|
|
<div class:bx--slider__filled-track="{true}"></div>
|
|
<div class:bx--slider__thumb="{true}"></div>
|
|
</div>
|
|
<span class:bx--slider__range-label="{true}"></span>
|
|
</div>
|
|
</div>
|