Cannot find instructions on installation
thompcd opened this issue · 1 comments
thompcd commented
You have a great looking library, I'd love to try it out! Does it happen to live on NPM?
vikignt commented
Hello @thompcd
Thank you for your interest. I think that it is too early to publish on NPM, You can try install library from github
. Simple example of using
# create a new project based on template
npx degit sveltejs/template svelte-app
cd svelte-app
npm i
# add UI components as devDependencies
npm i -D git+https://git@github.com/vikignt/svelte-ui.git
modify src/App.svelte
file
<script>
export let name;
import { Button, Checkbox } from 'svelte-ui';
let checked = true;
</script>
<style>
h1 {
color: purple;
}
</style>
<h1>Hello {name}!</h1>
<Checkbox bind:checked>Checkbox</Checkbox>
<p>Checkbox is <strong>{checked ? 'checked' : 'unchecked'}</strong></p>
<Button outlined shaped color="Red" on:click={() => { checked = !checked }}>Inverse</Button>
then start
npm run dev
You can add focus-visible polyfill to app, if you need visible focus by TAB
npm i -D focus-visible
and import it once on top of the main.js
file, like this
import 'focus-visible';
import App from './App.svelte';
.
.