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,18 +1,24 @@
<script>
export let story = undefined;
import Layout from '../../internal/ui/Layout.svelte';
import PasswordInput from './PasswordInput.svelte';
import TextInput from './TextInput.svelte';
import TextInputSkeleton from './TextInput.Skeleton.svelte';
import Layout from "../../internal/ui/Layout.svelte";
import PasswordInput from "./PasswordInput.svelte";
import TextInput from "./TextInput.svelte";
import TextInputSkeleton from "./TextInput.Skeleton.svelte";
let value = '';
let type = 'password';
$: value = "";
$: type = "password";
$: ref = null;
$: console.log(ref);
</script>
<Layout>
{#if story === 'skeleton'}
<div aria-label="loading text input" aria-live="assertive" role="status" tabindex="0">
<div
aria-label="loading text input"
aria-live="assertive"
role="status"
tabindex="0">
<TextInputSkeleton />
<br />
<TextInputSkeleton hideLabel />
@ -37,6 +43,7 @@
</div>
{:else}
<TextInput
bind:ref
{...$$props}
bind:value
on:change={() => {