QR Code viewer

<qr-code> from @mintplayer/ng-qr-code renders a QR representation of any string passed to its [value] input. The component re-renders whenever the input changes, so binding it to a signal or ngModel-driven field produces a live preview.

Basic usage

  
    
      
        <input [(ngModel)]="text">
        
    
      
        
        
    
      
        <qr-code [value]="text()"></qr-code>

  
    
      
        import { Component, signal } from '@angular/core';
        
    
      
        import { FormsModule } from '@angular/forms';
        
    
      
        import { QrCodeComponent } from '@mintplayer/ng-qr-code';
        
    
      
        
        
    
      
        @Component({
        
    
      
          selector: 'my-qr-code-demo',
        
    
      
          templateUrl: './my-qr-code-demo.component.html',
        
    
      
          imports: [FormsModule, QrCodeComponent],
        
    
      
        })
        
    
      
        export class MyQrCodeDemoComponent {
        
    
      
          protected text = signal('Hello world');
        
    
      
        }