Using Extras

How to add and use extras in your project.

shadcn-svelte-extras uses jsrepo to allow you to install blocks into project just like in shadcn-svelte.

Setup

Install jsrepo:

			npm install jsrepo@latest -g
		

Initialize jsrepo and add shadcn-svelte-extras as a repo:

			jsrepo init github/ieedan/shadcn-svelte-extras
		

Configure your paths so that components, hooks, and utils go to the right places:

{ "paths": { "*": "$lib/blocks", "ui": "$lib/components/ui", "hooks": "$lib/hooks", "actions": "$lib/actions", "utils": "$lib/utils" } }

Start adding extras!

			jsrepo add ui/button