my-react-clock is a powerful ReactJS package that empowers developers to effortlessly integrate stunning and fully customizable clock components into their web applications. Whether you need to display a sleek analog clock, a modern digital clock, or a unique combination of both, my-react-clock has got you covered.
my-react-clock
How to use
import MyReactClock from "my-react-clock"
function App() {
return (
country="Asia/Kolkata"
)
}
export default App;
Props
import MyReactClock from "my-react-clock"
const style = {
color:{
hrHand: 'white',
seHand:'blue',
miHand:'rgba(255,255,255,0.8)',
background:'rgba(10,10,10,0.6)'
},
style:{
border: '1px solid transparent',
backgroundImage: '../Assets/Images/india.png',
clockShadow: '0 0 20px rgba(20,20,20,0.7)',
size: '15rem'
}
}
function App() {
return (
country="Asia/Kolkata" customStyle={style}
getTimeLabel={setTimeLabel} hrFormat24={true}
)
}
export default App;