digital-clock-react

1.2.0 • Public • Published

Digital-Clock-React

This NPM package presents a digital clock component tailored for React applications. It utilizes ReactJS, JavaScript, SASS, and ESLint to create an intuitive and visually appealing clock feature. With easy integration capabilities, it seamlessly becomes a part of any application, enhancing its functionality.


Live demo: digital-clock-react


Configuration Options

The digital clock component offers a variety of configuration options to customize its appearance and functionality, including:

  • size: You have the option to showcase the clock face in two sizes: medium or small.
  • timestamp: The clock has the capability to exhibit a precise timestamp, enabling you to depict any desired time.
  • isMode24H(24/12 Hours Mode): The clock offers the flexibility to be presented in either the 12-hour or 24-hour format.
  • useInterval: You can optionally use the clock as a static display by turning off the interval.

Usage:

import React from "react";
import { Clock } from "digital-clock-react";
import { myTimestamp } from "./consts";

function App() {
    return (
        <div className="app-container">
            <Clock
                isMode24H
                size="small"
                useInterval={false}
                timestamp={myTimestamp}
            />
        </div>
    );
}

export default App;

Installation:

  • npm install digital-clock-react
    Include the package in your project's dependencies.

Development:

  • npm run build-jsdocsFor JSDocs of the utils functions, after running open the 'index.html' file located inside the 'js-docs' folder.

Here's an example showcasing the utilization of the clock component:

Example-GIF


Author

:octocat: Afek Sakaju

Versions

Current Tags

VersionDownloads (Last 7 Days)Tag
1.2.03latest

Version History

VersionDownloads (Last 7 Days)Published
1.2.03
1.1.91
1.1.81
1.1.71
1.1.61
1.1.51
1.1.41
1.1.31
1.1.21
1.1.11
1.1.01
1.0.92
1.0.81
1.0.71
1.0.61
1.0.51
1.0.41
1.0.31
1.0.21
1.0.11
1.0.01
0.2.11
0.1.91
0.1.81
0.1.71
0.1.61
0.1.41
0.1.31
0.1.21
0.1.11
0.1.01

Package Sidebar

Install

npm i digital-clock-react

Weekly Downloads

34

Version

1.2.0

License

none

Unpacked Size

96.1 kB

Total Files

27

Last publish

Collaborators

  • afek-sakaju