All Projects → ttop5 → Ks Unlimited Marquee

ttop5 / Ks Unlimited Marquee

Licence: mit
🐞 A unidirectional scrollable React component.

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Ks Unlimited Marquee

Vuep
🎡 A component for rendering Vue components with live editor and preview.
Stars: ✭ 840 (+5500%)
Mutual labels:  component
React Input Tags
React component for tagging inputs.
Stars: ✭ 10 (-33.33%)
Mutual labels:  component
Polyfill Xml
This polyfill is deprecated. Use the symfony/polyfill-php72 package instead.
Stars: ✭ 11 (-26.67%)
Mutual labels:  component
Ui Box
Blazing Fast React UI Primitive
Stars: ✭ 847 (+5546.67%)
Mutual labels:  component
Repng
React component to PNG converter
Stars: ✭ 856 (+5606.67%)
Mutual labels:  component
Mvvmhabitcomponent
👕基于MVVMHabit框架,结合阿里ARouter打造的一套Android MVVM组件化开发方案
Stars: ✭ 857 (+5613.33%)
Mutual labels:  component
Formdraggerdemo
一个可在窗体内随意拖动窗体的方案
Stars: ✭ 24 (+60%)
Mutual labels:  component
React Accordion With Header
React accordion component with flexbox header
Stars: ✭ 14 (-6.67%)
Mutual labels:  component
Aframe Persist Component
Persisting Aframe attribute data using localStorage
Stars: ✭ 10 (-33.33%)
Mutual labels:  component
Awloader
AWLoader is a UI Component that allows you to integrate loader that fits your needs within your app.
Stars: ✭ 11 (-26.67%)
Mutual labels:  component
React Planner
✏️ A React Component for plans design. Draw a 2D floorplan and navigate it in 3D mode.
Stars: ✭ 846 (+5540%)
Mutual labels:  component
Process
The Process component executes commands in sub-processes.
Stars: ✭ 6,942 (+46180%)
Mutual labels:  component
Vue Picture Input
Mobile-friendly picture file input Vue.js component with image preview, drag and drop, EXIF orientation, and more
Stars: ✭ 862 (+5646.67%)
Mutual labels:  component
Html
HTML helper library
Stars: ✭ 8 (-46.67%)
Mutual labels:  component
Egjs
Javascript components group that brings easiest and fastest way to build a web application in your way.
Stars: ✭ 871 (+5706.67%)
Mutual labels:  component
Vue Step Progress
A simple Vue component that displays a Progress Bar with labels for each step
Stars: ✭ 26 (+73.33%)
Mutual labels:  component
Dugong
Minimal State Store Manager for React Apps using RxJS
Stars: ✭ 10 (-33.33%)
Mutual labels:  component
React Toggle Switch Demo
Source code for a simple demo app showing how to build a custom toggle switch for React applications.
Stars: ✭ 15 (+0%)
Mutual labels:  component
Routing
The Routing component maps an HTTP request to a set of configuration variables.
Stars: ✭ 7,080 (+47100%)
Mutual labels:  component
Fish Ui
A Vue.js 2.0 UI Toolkit for Web
Stars: ✭ 861 (+5640%)
Mutual labels:  component

ks-unlimited-marquee

A unidirectional scrollable React component.

Feature

  • Unlimited scrolling
  • Mouse events
  • Tooltip

Install

npm install ks-unlimited-marquee

Usage

import UnlimitedMarquee from 'ks-unlimited-marquee';


class Demo extends Component {
  render() {

    return (
      const content = (
        <ul>
          <li>This is the text line 0</li>
          <li>This is the text line 1</li>
          <li>This is the text line 2</li>
          <li>This is the text line 3</li>
          <li>This is the text line 4</li>
          <li>This is the text line 5</li>
          <li>This is the text line 6</li>
          <li>This is the text line 7</li>
          <li>This is the text line 8</li>
          <li>This is the text line 9</li>
        </ul>
      );
      <div>
        <UnlimitedMarquee
          content={content}
        />
      </div>
    )
  }
}

render(<Demo/>, document.querySelector('#demo'));

Example

https://ttop5.github.io/ks-unlimited-marquee/demo/dist

API

Name Type Default Description isRequired
speed Number 20 scrolling speed, 0 < speed <= 1000 false
content element element true

Development

git clone https://github.com/ttop5/ks-unlimited-marquee.git
cd ks-unlimited-marquee
npm install
npm start

License

ks-unlimited-marquee is released under the MIT license.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].