Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mxz96102/asap-components

Last synced: about 2 months ago
JSON representation

Host: GitHub
URL: https://github.com/mxz96102/asap-components
Owner: mxz96102
Created: 2022-01-04T07:32:03.000Z (about 3 years ago)
Default Branch: master
Last Pushed: 2022-01-13T09:05:04.000Z (almost 3 years ago)
Last Synced: 2024-11-19T21:38:10.199Z (about 2 months ago)
Language: JavaScript
Size: 233 KB
Stars: 2
Watchers: 2
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # ASAP Components

> Actually we need these components asap, I want it in an old easy way, no more packages and bundle problem. It's depended on Autonomous custom elements, for using component without any framework.

## How to use

> Using it in an old fashion way, using script tag and write html.

```html

  ASAP COMPONENT

  

  

    asap-time {

      color: #484bff;

      font-family: monospace;

      font-weight: bold;

      font-size: 20px;

    }

  

  

```

And this asap-time result in:

![image](https://user-images.githubusercontent.com/15213473/148364741-73df1a11-9347-4944-9820-1d4c480c1083.png)

## Components

So let's see what do we got here:

### Time

``

|arttribute|required|default|description|

|----|----|----|----|

|time|x|new Date()|time that should render, using time string or timestamp|

|format|x|'YYYY-MM-DD HH:mm:ss'|format that time display, using moment/dayjs format string|