refactor: use $$restProps API

- add ref prop for applicable components (#196)
- add slot to Content Switcher `Switch` component (#183)
- remove fillArray, css utilities
This commit is contained in:
Eric Liu 2020-07-18 20:00:20 -07:00
commit e886d772c7
288 changed files with 4681 additions and 4498 deletions

View file

@ -1,20 +1,18 @@
<script>
let className = undefined;
export { className as class };
export let style = undefined;
export let type = 'single';
import { cx } from '../../lib';
export let type = "single"; // "single" | "multi"
</script>
<div
class:bx--snippet={true}
class:bx--skeleton={true}
class:bx--snippet--single={type === 'single'}
class:bx--snippet--multi={type === 'multi'}
{...$$restProps}
on:click
on:mouseover
on:mouseenter
on:mouseleave
class={cx('--snippet', '--skeleton', type === 'single' && '--snippet--single', type === 'multi' && '--snippet--multi', className)}
{style}>
<div class={cx('--snippet-container')}>
on:mouseleave>
<div class:bx--snippet-container={true}>
{#if type === 'single'}
<span />
{:else if type === 'multi'}