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 --project --repos 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

Introduction

Button