Svelte & Storybook Component Library

Creating a component library utilizing Svelte and Storybook. And learning them both as I go :)

What is used

• Svelte
• Storybook
• SASS
• BEM
• Svelte Notifications

Get started

Install the dependencies...

cd svelte-storybook--component-library
npm install

...then start Rollup:

npm run dev

...to run StoryBook:

npm run storybook

Staging site

Component Library Website - https://svelte-storybook-component-library.vercel.app

Storybook - https://svelte-storybook-storybook-deployment.vercel.app

Known issues

• Toast notifications - Make more dynamic by consolodating into a single component with props handling the Toast type.
• Work to resolve warnings in console.
• Can really expand functionality through with callback and more robust props integration.
• Would like to spend more time discovering how to utilize global SASS variables throughout all child components (without mult-loading them of course.)
• Feel like I just scratched the service of both Svelte and Storybook.