background

UI for Blazor

Blazor QR Code

  • Use the Blazor QR Code component to turn URLs, text, phone numbers and information into easily customizable QR codes.
  • Part of the Telerik UI for Blazor library along with 110+ professionally-designed UI components.
  • Includes support, documentation, demos, virtual classrooms, Visual Studio Code Extensions and more!
  • Construct QR Codes Seamlessly with Blazor QR Code

    The Telerik UI for Blazor QR Code component allows users to turn any URL, string, numbers and more information formats into Canvas or Scalable Vector Graphics (SVG) to construct a QR code. It can then be scanned with any smart device and would instantly display the stored information or redirect the user to the encoded URL.  


    Telerik UI for Blazor QRCode
  • Encoding

    The component allows the encoding of various data formats, such as:  

    • URLs
    • Email addresses
    • Phone numbers
    • Contact information
    • Geolocation

    In many cases, the value of the QR code is processed by the device in the most convenient way for reading the information. For example, locations are opened in the Maps app of the device, URLs are opened by the browser, etc. 

    Read more about the QR Code Encoding in our documentation 

  • Support for Logo/Image

    The Blazor QR Code can be customized in various ways. One of them allows you to add your company logo or a picture of your liking by using an image URL with set height and width. 

    Add your custom logo to the Telerik UI for Blazor QR Code 

    Telerik UI for Blazor QRCode Logo and Image Support
  • Swiss QR Code

    The Telerik UI for Blazor QR Code also supports the generation of Swiss QR codes. This comes in handy when dealing with Swiss invoices and payments as payment slips are now encoded in QR codes, containing payment information such as account holder, amount due, IBAN and currency. 
    Telerik UI for Blazor QRCode Swiss
  • Customization

    The component comes with multiple built-in configuration options. They allow you to modify the error correction level, size, width, padding and border width of the QR Code as well as customize its colors and overlay settings. 
  • Right-to-Left (RTL) Support

    The Telerik UI for Blazor QR code component supports right-to-left configuration. The RTL functionality is supported by most of our components to accommodate users who communicate in a right-to-left language script, such as Arabic and Hebrew.

    Learn more in our Blazor Right-to-Left Support documentation 

    Blazor Form RTL Support

All Blazor Components

Next Steps