Skip to content

CountdownCircle

Element for counting down time
import { CountdownCircle } from '@ensdomains/thorin'
<CountdownCircle countdownSeconds={30} />

Props
#

name
type
default
accessibilityLabel
string
-
callback
() => void
-
color
any
textSecondary
countdownSeconds*
Required
number
-
disabled
boolean
-
ref
Ref<HTMLDivElement>
-
size
"small" | "large"
small
startTimestamp
number
-

Colors
#

<DeleteMe flexDirection="row">

  <CountdownCircle color="blue" countdownSeconds={30} />

  <CountdownCircle color="green" countdownSeconds={30} />

  <CountdownCircle color="indigo" countdownSeconds={30} />

</DeleteMe>

Sizes
#

<DeleteMe flexDirection="row">

  <CountdownCircle countdownSeconds={30} size="small" />

  <CountdownCircle countdownSeconds={30} size="large" />

</DeleteMe>

Disabled
#

<CountdownCircle countdownSeconds={30} disabled />
Edit on GitHub