1.2.0 • Published 12 days ago
digital-clock-react v1.2.0
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-jsdocs
For 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:
Author
:octocat: Afek Sakaju
- LinkedIn: @afeksa
- GitHub: @Afek-Sakaju
1.2.0
12 days ago
1.1.9
12 days ago
1.1.8
12 days ago
1.1.7
7 months ago
1.1.1
11 months ago
1.1.6
11 months ago
1.1.5
11 months ago
1.1.4
11 months ago
1.1.3
11 months ago
1.1.2
11 months ago
1.1.0
11 months ago
1.0.9
1 year ago
1.0.8
1 year ago
1.0.7
1 year ago
1.0.2
1 year ago
1.0.1
1 year ago
1.0.0
1 year ago
1.0.6
1 year ago
1.0.5
1 year ago
1.0.4
1 year ago
1.0.3
1 year ago
0.2.1
1 year ago
0.1.8
1 year ago
0.1.7
1 year ago
0.1.9
1 year ago
0.1.6
1 year ago
0.1.4
1 year ago
0.1.3
1 year ago
0.1.2
1 year ago
0.1.1
1 year ago
0.1.0
1 year ago