mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-16 02:41:05 +00:00
Code Issues Projects Releases Packages Wiki Activity

feat(component): add Slider

Browse source 
Closes #26
This commit is contained in:
Eric Liu 2019-12-29 12:25:14 -08:00
commit 50fbb60f3c
16 changed files with 253 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

23
src/components/Slider/Slider.Skeleton.svelte Normal file
View file

@ -0,0 +1,23 @@
<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>