JSPM – countdown-timer-mui@0.0.8

Package Exports

countdown-timer-mui
countdown-timer-mui/dist/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (countdown-timer-mui) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

This library is Countdown Timer

Component by MUI, @mui/material

countdown-timer-mui

Support ReactJS, NextJS

Getting started

npm i countdown-timer

yarn add countdown-timer

How to use

import { CountDownTimer } from "countdown-timer"

Preview

countdown-timer-mui

Example

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

Attribute

Attribute	type	options	description
display	bool
containerStyle	object	sx props
targetDate	string	date format	date time format
daysType, hoursType, minutesType, secondsType	string	ex. "days", "hr", "minutes", "ss"	text after timer
timerContainerStyles	object	sx props
timerFontStyles	object	sx props
formatBetween	string	ex. ":", "-", "/"	text display between each container
formatBetweenStyle	object	sx props