solid-fast-marquee v0.1.0

Solid Fast Marquee

Solid Fast Marquee is a lightweight Solid component that harnesses the power of CSS animations to create silky smooth marquees. (Adapted from react-fast-marquee)

Demo

Check out the demo here and play around with some sample marquees.

Installation

If you're using npm, in the command prompt run:

npm install solid-fast-marquee --save

If you're using yarn, run:

yarn add solid-fast-marquee

Usage

To use the component, first import Marquee into your file:

import Marquee from "solid-fast-marquee";

Then wrap the <Marquee> tags around any component or text you'd like to slide.

<Marquee>
  I can be a Solid component, multiple Solid components, or just some text.
</Marquee>

A sample file might look like this:

import MyComponent from "../components/MyComponent";
import Marquee from "solid-fast-marquee";

const App = () => (
  <Marquee>
    <MyComponent />
    <MyComponent />
    <MyComponent />
  </Marquee>
);

export default App;

Props