ng-bootstrap

Marquee

Continuously scrolls its projected content horizontally — a modern, CSS-driven replacement for the legacy <marquee> element. It pauses on hover, on focus and with its button (localise it with pauseText / resumeText), and stands still when the user prefers reduced motion. label names the ticker.

Basic usage

Hello world
  
    
      
        <bs-marquee label="Greeting">Hello world</bs-marquee>
        
    

  
    
      
        import { Component } from '@angular/core';
        
    
      
        import { BsMarqueeComponent } from '@mintplayer/ng-bootstrap/marquee';
        
    
      
        
        
    
      
        @Component({
        
    
      
          selector: 'my-marquee-demo',
        
    
      
          templateUrl: './my-marquee-demo.component.html',
        
    
      
          imports: [BsMarqueeComponent],
        
    
      
        })
        
    
      
        export class MyMarqueeDemoComponent {}