@lab49/ticker

0.0.1-beta.3 • Public • Published

@lab49/ticker

codecov .github/workflows/cicd.yml npm version Contributor Covenant

 

Render a side-to-side scrolling ticker, just like what you see on the news!

 

@lab49/ticker is a scrolling ticker component, which will display a horizontaly scrolling list of items on screen.

It is developed in Angular as a Web Component, and can be used inside framework like Angular, React, Vue or even vanilla JavaScript.

While the basic use case of @lab49/ticker is to show running price data, there's plenty of other use cases such as a showcase of products for an online store, fun embelishments on marketing pages, or anything else where a sidescrolling list could be a fun addition to a UI!

@lab49/ticker tries to be extremely unopinionated about styling, and as such, includes very little actual style rules. There's plenty of examples in the included demo website that show how you can use the rendered class names to create your own beautiful experiences.

Features

  • Written in TypeScript
  • Small, simple, configurable, performant
  • Maintained by a team of finance industry professionals

Table of contents

Demo

Hosted demo: https://develop--6479eded53b43e40e5576bed.chromatic.com/

⇡ Top

Installation

npm install @lab49/ticker
⇡ Top

Usage

Angular

React

Plain JavaScript

⇡ Top

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

⇡ Top

License

MIT

⇡ Top

Package Sidebar

Install

npm i @lab49/ticker

Weekly Downloads

0

Version

0.0.1-beta.3

License

MIT

Unpacked Size

175 kB

Total Files

3

Last publish

Collaborators

  • erickrodriguez_lab49
  • brianmcallister