https://github.com/dcts/webcomponents
webcomponents library in Vanilla JS.
https://github.com/dcts/webcomponents
Last synced: about 2 months ago
JSON representation
webcomponents library in Vanilla JS.
- Host: GitHub
- URL: https://github.com/dcts/webcomponents
- Owner: dcts
- Created: 2020-03-03T13:51:45.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2020-03-03T15:25:05.000Z (over 6 years ago)
- Last Synced: 2025-03-06T11:13:18.351Z (over 1 year ago)
- Language: JavaScript
- Homepage: https://webcomponent-library.firebaseapp.com/
- Size: 10.7 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Webcomponent Library by DCTS
- Demo of all WebComponents hosted here: https://webcomponent-library.firebaseapp.com/
### Switch
```js
mySwitch = document.querySelector("dcts-switch");
mySwitch.on(); // turns switch on
mySwitch.off(); // turns switch off
mySwitch.toggle(); // toggles switch
// Display Data
console.log(mySwitch.status); // => "on" or "off"
```
### Activity Calendar (WORK IN PROGRESS)
```js
myCal = document.querySelector("dcts-activity-calendar");
myCal.randomize(); // randomly assign values for each day
```
### Goal Tracker
```js
const myTracker = document.getElementById("myGoalTrackerWater");
myTracker.title = "WATER";
myTracker.unit = "liter";
myTracker.color = "#10316b";
myTracker.max = 3;
myTracker.step = 0.25;
myTracker.current = 0;
myTracker.increase(); // increase the progress bar by 1 step
myTracker.decrease(); // decrease the progress bar by 1 step
```
# Hosting
webcomponents library is hosted via firebase. Url: https://webcomponent-library.firebaseapp.com/
### push to production
```bash
firebase login # login to redingstreet@gmail.com google account and select project
firebase deploy --only hosting # push to production
```