svelte-toolkit

0.7.1 • Public • Published

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 SvelteKit

Import and add the Toolkit component in __layout.svelte to provide shared styles:

import { Toolkit } from "svelte-toolkit";
...
<Toolkit />

Import toolkit components in your svelte component:

import { Button } from "svelte-toolkit";

Consuming from Sapper

Import and add the Toolkit component in _layout.svelte to provide shared styles:

import { Toolkit } from "svelte-toolkit";
...
<Toolkit />

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:

Readme

Keywords

Package Sidebar

Install

npm i svelte-toolkit

Weekly Downloads

5

Version

0.7.1

License

MIT

Unpacked Size

2.25 MB

Total Files

369

Last publish

Collaborators

  • andrewjk