Creating Visible Password use Laravel Nova

laravel nova visible password

Creating Visible Password use Laravel Nova – Brilliansolution. Sometimes we need a feature to display the password in the password field. maybe because of the complexity of the password written, or to ensure that the password is correct and accurate.

Installation Instructions

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

composer require magdicom/nova-visible-password


laravel nova visible password

Latest Version on Github
In Action!

A Laravel Nova password field with a visibility toggle, its behaviour typical as the built-in password field, but with added features that you may find useful in certain use cases.


  • it can safely replace the built-in password field.
  • Enable the toggle button in index and/or detail.
  • Disable the toggle button in forms.
  • Render the field with data.
  • Disable data encryption/hash.

  1. Requirements
  2. Installation
  3. Usage
    1. Basic usage
    2. Disable data encryption (Hash)
    3. Populate with data
    4. Disable toggle button on forms
    5. Visible on resource index
    6. Visible on resource detail
  4. License


  • php: ^8
  • laravel/nova: ^4


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

composer require magdicom/nova-visible-password


Basic Usage

Basic Usage

Using the field is simple, just like any other Nova built-in field.

// in app/Nova/Resources/User.php

use Magdicom\NovaVisiblePassword\VisiblePassword;

class User extends Resource
    public function fields(Request $request)
       return [

Disable Data Encryption

The default behaviour of the password field is to encrypt the data when saving it using Laravel Hash class, to disable this functionality you simply need to call the hashOnSave method which accepts a boolean or callback:


Populate Field With Data

Normally password fields would populate/displayed empty, but in some cases you may need these data to be present, use the withValue method which accepts a boolean or callback:


Disable Toggle Button On Forms

You can disable the toggle button on create/update forms per field using visibleOnForms method:

        // your logic here
        return false;
  • The methods visibleOnFormsvisibleOnIndex and visibleOnDetail accepts boolean value or a callback.

Enable Toggle Button On Index

Optionally you can enable the toggle button on resource index page:

Visible On Index

Enable Toggle Button On Detail

Also you can enable the toggle button on resource detail page:


Source :


  • laravel nova
  • nova laravel
  • laravel nova free
  • novapackages
  • laravel nova pricing
  • laravel nova 4
  • laravel nova example
  • laravel nova vue
  • nova laravel free
  • masteringnova
  • laravel nova for free


Leave a Reply

%d bloggers like this: