Skip to content

README.md

Latest commit

 

History

History
49 lines (29 loc) · 1013 Bytes

README.md

File metadata and controls

49 lines (29 loc) · 1013 Bytes

http-cat

http status cat 204

This is a web component for embedding images from HTTP Cats.

Here's a live demo.

Install

npm install @http.cat/http-cat-element

Import

If installed via NPM:

import "@http.cat/http-cat-element";

Or just import the component file in your HTML:

<script type="module" src="http-cat.js"></script>

Usage

To use it just add the following markup to your HTML:

<http-cat status="404"></http-cat>

Attributes

  • status: change it so that the image matches the corresponding HTTP status code

This component supports all img element attributes.

Why didn't you extend the img native element instead?

Safari does not currently support custom elements that extend native elements. Therefore, an autonomous custom element is used to ensure maximum browser compatibility.

LICENSE

MIT License