Build a React.js Digital Clock Component Using react-digital-clock Library Using Javascript Full Project For Beginners

 

 

react-digital-clock

A simple digital clock implementation in React.

Online Demo

http://abdulkhaderp.github.io/clockDemo/index.html

Installation

npm install react-digital-clock

Usage

  1. Import component :
    import Clock from 'react-digital-clock';
    
  2. Use component :
         <Clock />
    

Optional Props

####locale

  • Default: []
  • Expected: true or false
  • Function: To pass locale ## <Clock locale={‘ar-AE’} />

####hour12

  • Default: true
  • Expected: true or false
  • Function: Flag to switch 12 Hour/ 24 Hour format.
  • Example ##

####format

  • Default: ‘hh-mm-ss’
  • Expected: ‘hh’ / ‘hh-mm’ / ‘hh-mm-ss’
  • Function: To specify the display format of time.
  • Example ##
    <Clock format={‘hh-mm’} />

 

 

Leave a Reply