Skip to content

Commit

Permalink
Update readme, remove changes other than updateTime
Browse files Browse the repository at this point in the history
  • Loading branch information
gick authored and noorzaie committed Jun 14, 2019
1 parent aa7223d commit 2db2efd
Show file tree
Hide file tree
Showing 2 changed files with 25 additions and 6 deletions.
25 changes: 25 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -46,6 +46,11 @@ Vue.use(CircularCountDownTimer);
| finish | Fires when counter reaches zero. |
| update | Fires on each counting. |

| Method | Description |
| --- | --- |
| updateTime(seconds) | Adds the amount of seconds to the countdown value. Works with positive or negative integers. |


### Usage

#### 1. Basic usage
Expand Down Expand Up @@ -117,3 +122,23 @@ methods: {
}
}
````


#### 5. Add 10 seconds to the timer

````
<circular-count-down-timer
:initial-value="200"
@finish="finished"
@update="updated"
ref="countdown"
></circular-count-down-timer>
...
methods: {
updateCountdown: () => {
this.$refs.countdown.updateTime(10)
}
}
````
6 changes: 0 additions & 6 deletions src/components/CircularCountDownTimer.vue
Original file line number Diff line number Diff line change
Expand Up @@ -104,7 +104,6 @@
:stroke-width="strokeWidth"
:stroke="underneathStrokeColor"
:fill="secondsFillColor"
:fill-opacity="secondsFillOpacity"
/>
<circle
:transform="'rotate(-90, '+cx+', '+cy+')'"
Expand Down Expand Up @@ -158,11 +157,6 @@
type: String,
default: 'none'
},
secondsFillOpacity: {
type: Number,
default: 1
},
minutesFillColor: {
type: String,
default: 'none'
Expand Down

0 comments on commit 2db2efd

Please sign in to comment.