# emoji-clock

> A web component for an emoji clock

Latest version **0.0.1** (published 2015-12-20) · MIT license · 0 weekly downloads

## Install

```sh
npm install emoji-clock
pnpm add emoji-clock
yarn add emoji-clock
bun add emoji-clock
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.1 |
| Published | 2015-12-20 |
| First published | 2015-12-20 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 2 |
| Author | Jmeas |
| Maintainers | jmeas |
| Keywords | emoji, clock, time, hour, minute, web, component, web, component |

## Links

- npm: https://www.npmjs.com/package/emoji-clock
- Repository: https://github.com/jmeas/emoji-clock
- Homepage: https://github.com/jmeas/emoji-clock#readme
- Issues: https://github.com/jmeas/emoji-clock/issues
- npm.io page: https://npm.io/package/emoji-clock

## Alternatives

- [@opentelemetry/exporter-zipkin](https://npm.io/package/@opentelemetry/exporter-zipkin.md) — 14.8M weekly downloads
- [pusher-js](https://npm.io/package/pusher-js.md) — 2.0M weekly downloads
- [browserify](https://npm.io/package/browserify.md) — 1.7M weekly downloads
- [sqs-consumer](https://npm.io/package/sqs-consumer.md) — 1.7M weekly downloads
- [@sanity/eventsource](https://npm.io/package/@sanity/eventsource.md) — 930.8K weekly downloads

## Recent versions

- 0.0.1 (latest) — 2015-12-20

## README

# Emoji Clock

This is a web component for an emoji clock.

### Why?

I was interested to see what the current 'native' web component situation is when no polyfills are used.

### Should I use this?

It's just an experiment; so far I've only tested that it works on Chrome 47.

### Installation

Install this through npm.

```sh
npm install emoji-clock
```

### Getting Started

Register your custom element in JavaScript. I recommend using the name `emoji-clock`, but you can
use whatever you'd like.

```js
var emojiClock = require('emoji-clock');

document.registerElement('emoji-clock', {
  prototype: emojiClock
});
```

After that, you can use the element in your HTML!

```html
<emoji-clock time="2:30"></emoji-clock>
```

### Usage

The web component has a single custom attribute: `time`. The format should be `hour:minute`. Leading zeros
on numbers are optional. For instance, two twenty can be written as `2:20` or `02:20`.

Dynamically updating the attribute in JavaScript will update the emoji that is displayed.

---
_Source: https://npm.io/package/emoji-clock · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._