mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-16 02:41:05 +00:00
23 lines
710 B
Svelte
23 lines
710 B
Svelte
<script>
|
|
let className = undefined;
|
|
export { className as class };
|
|
export let hideLabel = false;
|
|
export let style = undefined;
|
|
|
|
import { cx } from '../../lib';
|
|
</script>
|
|
|
|
<div on:click on:mouseover on:mouseenter on:mouseleave class={cx('--form-item', className)} {style}>
|
|
{#if !hideLabel}
|
|
<span class={cx('--label', '--skeleton')} />
|
|
{/if}
|
|
<div class={cx('--slider-container', '--skeleton')}>
|
|
<span class={cx('--slider__range-label')} />
|
|
<div class={cx('--slider')}>
|
|
<div class={cx('--slider__track')} />
|
|
<div class={cx('--slider__filled-track')} />
|
|
<div class={cx('--slider__thumb')} />
|
|
</div>
|
|
<span class={cx('--slider__range-label')} />
|
|
</div>
|
|
</div>
|