css-wordart icon indicating copy to clipboard operation
css-wordart copied to clipboard

Published 20 hours ago • verified publisher icon yershalom

Web Component

Open SmallhillCZ opened this issue 3 years ago • 0 comments

PR content

  • web component definition so that people could use your amazing css wordart as one tag <word-art/>
  • include the js and css in the npm package so that people could use CDN like jsdelivr to use the package
  • gulpfile to take the component definition and fill it with the current CSS style
  • index.html to test the web component

Motivation

My original motivation was to use the package in Angular so I have created an Angular binging (https://github.com/SmallhillCZ/angular-wordart) but then I realized why have React, Vue and Angular bindings, when you can use a simple Web Component which is cross compatible and can be simply used in any framework and also CMS.

Usage

Locally:

<script src="./css-wordart/js/wordart.js"></script>

<word-art theme="rainbow">WordArt Text</word-art>

JSDelivr CDN:

<script src="https://cdn.jsdelivr.net/npm/css-wordart/js/wordart.js"></script>

<word-art theme="rainbow">WordArt Text</word-art>

SmallhillCZ avatar Feb 02 '22 14:02 SmallhillCZ