Closed silveltman closed 1 year ago
I use sveltekit (library). I get a typescript error and don't know why.
Eyebrow.svelte
<script lang="ts"> let className = '' export { className as class } export let size: 'sm' | 'md' | 'lg' = 'md' export let color: boolean = true </script> <div class="inline-block rounded-eyebrow border leading-none {size === 'sm' && 'py-1 px-2 text-body-sm'} {size === 'md' && 'py-2 px-3 text-body-md'} {size === 'lg' && 'py-3 px-4 text-body-lg'} {color ? 'border-primary-100 bg-primary-50 text-primary-800' : 'border-primary-200 bg-neutral-100 text-neutral-1000'} {className} " {...$$restProps} > <slot /> </div>
Eyebrow.stories.svelte
<script lang="ts"> import { Meta, Template, Story } from '@storybook/addon-svelte-csf' import Eyebrow from './Eyebrow.svelte' </script> <Meta title="Eyebrow" component={Eyebrow} /> <Template let:args> <Eyebrow {...args}>Hello world</Eyebrow> </Template> <Story name="Color" args={{ color: true, size: 'sm' }} />
Error/warning:
I use sveltekit (library). I get a typescript error and don't know why.
Eyebrow.svelte
Eyebrow.stories.svelte
Error/warning: