Skip to content
No description, website, or topics provided.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
examples
src
.gitignore
.npmignore
LICENSE
README.md
lottie-web.d.ts
package-lock.json
package.json
serve-examples.js
tsconfig.json

README.md

lord-icon-element

A convenient custom element for embedding animated icons.

Overview

lord-icon-element lets you write websites with fancy, interactive, animated icons. With this element you can embed and control Lottie Files. Under the hood, the library uses awesome lottie-web animation player. Explore free library of 50 interactive icons.

Installation

$ npm install lord-icon-element lottie-web

Usage

From script module:

import { loadAnimation } from 'lottie-web';
import { defineLordIconElement } from 'lord-icon-element';

// register lottie and define custom element 
defineLordIconElement(loadAnimation);

From markup:

<lord-icon animation="hover" src="/my-icon.json"></lord-icon>               

Notice

Compatibility

This library support at the moment only modern browsers which allows to use Web Components and JavaScript Modules.

Modules

It's recommended to use this library with module bundler tools like webpack. If you want use this library without bundler, remember to import modules by path, not by package name.

Examples

For more usage examples visit our repository.

You can’t perform that action at this time.