0.0.2 • Published 1 year ago
@schloesserjonas/jsc v0.0.2
JSC
Please note, this is a vue3 component library that I created to fit my personal needs
Install
npm install @schloesserjonas/jsc
Usage
<template>
<div>
<ProgressBar />
<Sidebarbox>
SOME HTML IN HERE
</Sidebarbox>
</div>
</template>
Components
ProgressBar
prop | description | default |
---|---|---|
progress | current progress, value range from 0 to 1 | - |
background | background of the bar | transparent |
color | color of the progress bar | - |
animated | sets if a progress change results in an animated progress bar | false |
Sidebarbox
prop | description | default |
---|---|---|
sidebarColor | color of the sidebar of the box | - |
sidebarWidth | width of the sidebar of the box | 7 |
backgroundColor | background color of the box | - |
borderRadius | border radius of the box | - |
Class bindings
You can use class bindings to globally control the style of the components
component name | class name |
---|---|
ProgressBar | jsc_progressbar |
Sidebarbox | jsc_sidebarbox |