MUI Extended UI Components

Marquee Animation


Usage

import { MarqueeAnimation } from "mui-extended"; const marqueedComponent = ( <MarqueeAnimation>React node to be Marqueed</MarqueeAnimation> );

Props

  • all props from BoxProps
  • children (Required) any react node
  • speed (Optional) number , defaults to 10000 ms
  • repeat (Optional) boolean, animation repeats if true, default is false
  • reverse (Optional) boolean, moves from left to right ( -> ) if true, default is false
Demo
  • Text With Default Props
  • Text With Slow speed
  • Text With Repeating Text
     
  • Text With reverse marquee
     
  • Formatted Text  

Does this page need improvements?
Edit This Page in GitHub
Did this page help you?
Provide feedback in the GitHub Discussion Page
Need More help?

Write an email to opensource@sodaru.com