nova qrcode field

A Laravel Nova field to generate QR Code

devtical
43
15
Vue

Nova QR Code

A Laravel Nova field to generate QR Code.

Logo & background

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

Size

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')

Logo

Setting a Background Image

Set a background image for the QR code:

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

Background

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')

Logo & background

Related

Credits

License

The MIT License (MIT).