Giters

vydimitrov / react-countdown-circle-timer

Lightweight React/React Native countdown timer component with color and progress animation based on SVG

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

CountdownCircleTimer background color ?

jinjo0 opened this issue · comments

commented

is there away to change CountdownCircleTimer background color ?

commented

Hey @bl1lnk, the background color should be transparent so you can just change it yourself.

commented

lol its that simple . thanks

commented

Hi @bl1lnk , i'm trying to change the inside circle's background color. Is this what you were asking back then, or if you happen to know how to do it?

Thanks!

commented

Hey @zhifeng-heng, is this going to work for you - https://codesandbox.io/s/gracious-elbakyan-uzlg1y?file=/src/styles.css

wrap timer in an element and add these styles (based on your timer size - this case 180px)

  width: 180px;
  height: 180px;
  border-radius: 99999px;
commented

Thank you @vydimitrov , this is exactly what i need! :)