Get started

Explains how to integrate Davidnet's Design System.
In your sveltekit project.

Prerequisites

Sveltekit ^5.0.0 project
NodeJS ^20.18.0
NPM ^9.2.0

Installation

Notice
Do the following in an sveltekit 5 project.
Create one using: npx sv create.

Step 1

Add the NPM package.

npm install @davidnet/svelte-ui

Step 2

Include the root styling in your app.html.

<link rel="stylesheet" href="https://design.davidnet.net/global.css" />

Step 3

Include core components in your +layout.svelte.

<script lang="ts">
	import { ThemeProvider, Toaster, ConnectivityCheck } from "@davidnet/svelte-ui";
</script>

<ThemeProvider />
<Toaster />
<ConnectivityCheck />
<slot />

You are now ready to start using Davidnet Design System.