CircularMarquee Twigv0.1.0

Use this component to create CircularMarquee, a spinning on scroll circular text. This is made using the <svg> capabilities.

Table of content

• Examples
• Twig API

Usage

Once the package installed, simply include the Twig template and load the JavaScript component in your project:

{% include '@ui-pkg/atoms/CircularMarquee/CircularMarquee.twig' with {
  id: 'unique-id',
  radius: 120,
  outer_radius: 150,
  content: ' My text content'
} only %}

import { Base, createApp } from '@studiometa/js-toolkit';
import { CircularMarquee } from '@studiometa/ui';

class App extends Base {
  static config = {
    name: 'App',
    components: {
      CircularMarquee,
    },
  };
}

export default createApp(Base);