525

Installation

How to add and use extras in your project.

shadcn-svelte-extras distributes it's components as copy-pastable code that you can use in your project just like in shadcn-svelte.

To get started you can use either jsrepo or shadcn-svelte. Both assume that you have already initialized your project using the shadcn-svelte CLI.

Initialize jsrepo with shadcn-svelte-extras:

jsrepo init @ieedan/shadcn-svelte-extras

Configure the paths key in your jsrepo.config.ts file so that components, hooks, and utils are added to the correct places:

Install extras into your project using jsrepo add:

jsrepo add button

Once you've initialized using the CLI of your choice you can start adding extras!

Each component will have a copy-pasteable command like the one below that you can customize based on your project setup.