Nova QR Code

A Laravel Nova field to generate QR Code.

Installation

You can install the Nova field in to a Laravel app that uses Nova via composer :

composer require devtical/nova-qrcode-field

Usage

use Devtical\Qrcode\Qrcode;

Basic QR Code

To create a basic QR code with default settings:

Qrcode::make('QR Code', 'field')

Setting QR Code Sizes

Specify the sizes for index and detail views:

Qrcode::make('QR Code', 'field')
    ->indexSize(100)     // QR size for index view
    ->detailSize(500)    // QR size for detail view

Margin Customization

Control the padding around the QR code for optimal appearance:

Qrcode::make('QR Code', 'field')
    ->margin(10)

The margin value for the QR code adjusts based on its size: if the size is greater than 250, it uses the margin value specified in ->margin(), otherwise it defaults to a margin value of 1.

Adding a Logo

Add a logo to the center of the QR code:

Qrcode::make('QR Code', 'field')
    ->logo('http://source.to/logo.png')

Setting a Background Image

Set a background image for the QR code:

Qrcode::make('QR Code', 'field')
    ->background('http://source.to/background.png')

Combining Logo & Background

Include both a logo and a background image for the QR code:

Qrcode::make('QR Code', 'field')
    ->logo('http://source.to/logo.png')
    ->background('http://source.to/background.png')

Dynamic Field Visibility

You can dynamically hide the QR Code field based on another field's value:

Hiding the Field Conditionally

Use hideWhen() to hide the QR Code field when a condition is met:

Qrcode::make('QR Code', 'code')
    ->hideWhen(function ($resource) {
        return $resource->status === 0; // Hide if status is inactive
    });

Related

• Nova QR Code Manager

Credits

• vue-qr
• Awesome-qr.js

License

The MIT License (MIT).