Package Exports

@webpunk/circular-text

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@webpunk/circular-text) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

circular-text

Web component to display text along a circle shape

Circular text example

How to use

If you are already using npm in your project:

npm add @webpunk/circular-text

Then import it in your Javascript:

import '@webpunk/circular-text';

Otherwise, include it from the CDN:

<script
    type="module"
    src="https://unpkg.com/@webpunk/circular-text/dist-web/index.bundled.js">
</script>

Then you'll be able to use it like:

<circular-text
    text="FREE SHIPPING · FREE SHIPPING · "
    radius="90">
</circular-text>

Where the 2 attributes are:

text - String to be displayed in the circle shape
radius - Number that determines the size of the circle