https://github.com/zheng-bote/rz-onlinecheck

A Web Component to check on-/offline mode
https://github.com/zheng-bote/rz-onlinecheck

web-component

Last synced: 22 days ago
JSON representation

A Web Component to check on-/offline mode

• Host: GitHub
• URL: https://github.com/zheng-bote/rz-onlinecheck
• Owner: Zheng-Bote
• Created: 2024-01-20T13:30:57.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-01-21T18:39:42.000Z (10 months ago)
• Last Synced: 2024-10-04T06:42:32.672Z (about 1 month ago)
• Topics: web-component
• Language: CSS
• Homepage:
• Size: 126 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


# rz-onlinecheck

a Web Component to check on-/offline

shows online (green circle) or offline (red circle)



## Authors

- [@Zheng-Bote](https://www.github.com/Zheng-Bote)

## Version

v0.1.1

## License

[MIT](https://choosealicense.com/licenses/mit/)

## API Reference

#### Parameters

```

    

```

```

    

```

| Parameter   | Type     | Description                                                  |

| :---------- | :------- | :----------------------------------------------------------- |

| `with_text` | `string` | **Optional**. "yes" "no" default: "yes" ("Online" "Offline") |

## Installation

used folder structure

```bash

.

├── assets

│   ├── css

│   │   └── index.css

│   └── js

│       └── rz-online.js

├── favicon.ico

├── index.html

```

## Usage/Examples

```html

  

    

    

    

    Web Component

    

    

    

    

    

    

    

  

  

    

      
Web Component » data-onlinechecker «

      

        
A Web Component to check on-/offline

        
shows online (green circle) or offline (red circle)

        

          
default

          


          


            

          

          


            


            
‹rz-onlinecheck›‹/rz-onlinecheck›

            
‹rz-onlinecheck with_text="yes"›‹/rz-onlinecheck›

          

        

        

          
no text

          


          


            

          

          


            


            
‹rz-onlinecheck with_text="no"›‹/rz-onlinecheck›

          

        

      

    

    

  


```

## Screenshots

**online**

  

**offline**

  

## Used By

This web component is used by the following web sites:

- [hase-zheng.net: Micro-Frontends and Microservices](https://www.hase-zheng.net)

- [Robert Zheng Landing Page](https://www.robert.hase-zheng.net)

### the end

:vulcan_salute:

(back to top)