jb-loading

loading web component

Usage no npm install needed!

<script type="module">
  import jbLoading from 'https://cdn.skypack.dev/jb-loading';
</script>

README

jb-input

svg loading web component:

  • you can set custom color by css variable.

  • it will fit its container DOM so you can use it in any size you want

  • light and smooth animation

instructions

install

using npm:

npm i jb-loading

in one of your js in pag

import 'jb-loading';

in your html or jsx

<jb-input class="" label="لیبل" message="متن ثابت زیر کادر متن"></jb-input>

using cdn:

    <script src="https://unpkg.com/jb-loading"></script>
    <jb-loading></jb-loading>

set custom style

in some cases in your project you need to change defualt style of web-component for example you need to change color.
if you want to set a custom style to this web-component all you need is to set css variable in parent scope of web-component | css variable name | description | | ------------- | ------------- | | --jb-loading-color | loading color default is black #000 |