whif-sapper-smui Svelte Themes

Whif Sapper Smui

WHIF using sapper 'framework' and svelte material UI

sapper-smui-template

The default Sapper template using webpack, with included support for SMUI.

If you don't want Typescript support, have a look at sapper-smui-typescript-template

Getting started

Using degit

degit is a scaffolding tool that lets you create a directory from a branch in a repository. Use either the rollup or webpack branch in sapper-template:

npx degit "manuel3108/sapper-smui-template" my-app

Using GitHub templates

Alternatively, you can use GitHub's template feature with this repository.

Running the project

Running the app is as usual:

cd my-app
npm install # or yarn
npm run dev

Open up localhost:3000 and start clicking around.

Usage

At the moment, you will get a standard sapper app created with

npx degit "sveltejs/sapper-template#webpack" my-app

and one additional SMUI Button. As explained in the SMUI repository it is recommended to install each component on its own. So currently you will only be able to use buttons.

If you want to install further components, just do

npm install --save-dev @smui/component-name

Be sure to add --save-dev or -D to add those components as dev-Dependencies. They will not work if you install them as normal dependencies.

Top categories

Loading Svelte Themes