react-ticker-board

A React component for creating a tickerboard effect.

See a demo.

Under the hood, it's using the Ticker Board vanilla plugin.

Visit the GitHub repository.

Example

Perhaps you're running an airport with flights to Barcelona and Moscow?

const App = () => {
  const messages = ['Barcelona 10:05', 'Moscow 10:15']

  return (
    <TickerBoard
      messages={messages}
      count={messages.length}
      size={24}
      theme={'dark'}
    />
  )
}

• messages, an array of strings to display
• count, the number of rows on the board
• size, the number of cells in each row of the board
• theme, (optional) one of 'light'or 'dark' — if omitted, the board defaults to match user's light mode or dark mode preference