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