1. Install

   npm

   npm install @fefade/core @fefade/svelte

   pnpm

   pnpm add @fefade/core @fefade/svelte

2. Setup provider

   Wrap your application with the Provider to enable all fefade components. This should be done at the layout level to ensure global access.

   Recommended: Place this in src/routes/+layout.svelte (SvelteKit root layout)

   • Directorysrc

     • Directoryroutes

       • +layout.svelte

   <script lang="ts">
       import { Provider } from "@fefade/svelte"
   </script>
   
   <Provider>
       {@render children()}
   </Provider>

3. Enjoy!

   Code

   <script lang="ts">
       import { Button } from "@fefade/svelte"
   </script>
   
   <Button>
       Click me
   </Button>

   Preview

   Click me