1.0.0 • Published 7 months ago

countdown-timer-mui v1.0.0

Weekly downloads
-
License
MIT
Repository
-
Last release
7 months ago

This library is Countdown Timer

Component by MUI, @mui/material

countdown-timer-mui

Support ReactJS, NextJS

Getting started

npm i countdown-timer-mui

or

yarn add countdown-timer-mui

How to use

ReactJS

import { CountDownTimer } from "countdown-timer-mui"

NextJS

import dynamic from "next/dynamic";
const CountDownTimer = dynamic(
  () => import("countdown-timer-mui").then((mod) => mod.CountDownTimer),
  { ssr: false }
);

Example

<CountDownTimer
    display={true}
    containerStyle={{}}
    targetDate={"2023-12-01T00:00:00.000Z"}
    daysType={"d"}
    hoursType={""}
    minutesType={""}
    secondsType={""}
    timerContainerStyles={{}}
    timerFontStyles={{}}
    formatBetween={":"}
    formatBetweenStyle={{}}
/>

Attribute

Attributetypeoptionsdescription
displaybool
containerStyleobjectsx props
targetDatestringdate formatdate time format
daysType, hoursType, minutesType, secondsTypestringex. "days", "hr", "minutes", "ss"text after timer
timerContainerStylesobjectsx props
timerFontStylesobjectsx props
formatBetweenstringex. ":", "-", "/"text display between each container
formatBetweenStyleobjectsx props
1.0.0

7 months ago

0.0.12

7 months ago

0.0.11

7 months ago

0.0.10

7 months ago

0.0.9

7 months ago

0.0.8

7 months ago

0.0.7

7 months ago

0.0.6

7 months ago

0.0.5

7 months ago

0.0.4

7 months ago

0.0.3

7 months ago

0.0.2

7 months ago

0.0.1

7 months ago