@kollorg/cum-occaecati v6.9.94

@kollorg/cum-occaecati

An analog clock for your React app.

tl;dr

• Install by executing npm install @kollorg/cum-occaecati or yarn add @kollorg/cum-occaecati.
• Import by adding import Clock from '@kollorg/cum-occaecati'.
• Use by adding <Clock />.

Demo

A minimal demo page can be found in sample directory.

Online demo is also available!

Installation

Add @kollorg/cum-occaecati to your project by executing npm install @kollorg/cum-occaecati or yarn add @kollorg/cum-occaecati.

Usage

Here's an example of basic usage:

import { useEffect, useState } from 'react';
import Clock from '@kollorg/cum-occaecati';

function MyApp() {
  const [value, setValue] = useState(new Date());

  useEffect(() => {
    const interval = setInterval(() => setValue(new Date()), 1000);

    return () => {
      clearInterval(interval);
    };
  }, []);

  return (
    <div>
      <p>Current time:</p>
      <Clock value={value} />
    </div>
  );
}

Custom styling

If you want to use default @kollorg/cum-occaecati styling to build upon it, you can import @kollorg/cum-occaecati's styles by using:

import '@kollorg/cum-occaecati/dist/Clock.css';

User guide

Clock

Displays a complete clock.

Props

License

The MIT License.

Author