Svelte Toolkit

A collection of UI components for Svelte.

View the documentation.

Getting Started

The use of the yarn package manager is strongly recommended, as opposed to using npm.

yarn add -D svelte-toolkit

Consuming from Sapper

Import the SCSS styles in client.js:

import 'svelte-toolkit/main.scss';

Import toolkit components in your svelte component:

import { Button } from "svelte-toolkit";

If you receive a warning about SSR, change it to:

import { Button } from "svelte-toolkit/main.js";

(I'm not 100% sure why this happens some times and not others)

Consuming from Electron

Import the SCSS styles in your renderer.js or renderer/index.js:

require('svelte-toolkit/main.scss')

Import toolkit components in your svelte component:

import { Button } from "svelte-toolkit";

Customising

TODO: