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 |