Skip to content

erikhofer/liquid-loading

master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Liquid Loading

Build npm version

Preview
Demo

Usage

This is a Web Component. Just install and import it, somewhere in your app.

npm install liquid-loading

Example with React (with TypeScript support)

import React from "react";
import ReactDOM from "react-dom";
import "liquid-loading";

ReactDOM.render(
  <liquid-loading></liquid-loading>,
  document.getElementById("root")
);

Example with plain HTML

<!DOCTYPE html>
<html>
  <head>
    <script src="https://unpkg.com/liquid-loading"></script>
  </head>
  <body>
    <liquid-loading></liquid-loading>
  </body>
</html>

License

This is a wrapper around a CodePen project by Mikael Ainalem. It is thus published under the original license.