@michaelcuneo/svelte-components

@michaelcuneo/custom-components

Svelte Rapid Components was created for my own personal Rapid Prototyping needs, but I have decided to make it public so that people can help troubleshoot/guide/assist where neccessary to ensure that these components are always the latest zero day technology with also maintaining the widest compatibility, while maintaining the very best practises.

Installing

# create a new project in the current directory
npm i -D @michaelcuneo/custom-components

Usage

Import the component you need to use in the project. Because this is a Svelte Library, rather than a Monorepo where you install only the component you need, you can install this entire svelte-rapid-components library and the beaty of svelte is... anything you import is will be the only part of this library that is compiled into the end build.

# Import the component inside the <script> tag.
import { Image } from '@michaelcuneo/custom-components';

@ Use the component where needed.
<Image smallSrc="smallImage" mediumSrc="mediumImage" largeSrc="largeImage" largeCrop="largeSquareImage" smallCrop="smallSquareImage" alt="altImageText" />

Help

Help is available on my Discord channel. Package Sidebar