Simple Svelte UI
A simple and minimalist UI library for Svelte.
Installation
Install svelte-simple-ui with npm
npm install svelte-simple-ui
Install svelte-simple-ui with yarn
yarn add svelte-simple-ui
Usage/Examples
To see a working demo of simple-svelte-ui
npm install
npm run dev
How to use
<script>
import {Button} from 'simple-svelte-ui'
</script>
<Button>Example 1</Button>
<Button
backgroundColor="red"
>Example 2</Button>
Button Options
Options | Uses |
---|---|
backgroundColor | To change the background color |
borderWidth | To change the border width of the button |
borderStyle | To change the border line style of the button |
borderColor | To change the border color of the button |
borderRadius | To change the border radius of the button |
color | To change the text color |
cursor | To change the cursor type |
fontSize | To change the font type |
fontWeight | To change the font weight |
padding | to add an internal paddin |
textDecoration | To change the text Decoration |
ripple | {boolean} To specify if a ripple effect is needed or not |
rippleDuration | The ripple effect duration |
rippleColor | The color of the ripple |