inspheric / nova-email-field by inspheric

A Laravel Nova email field.
384,877
33
2
Package Data
Maintainer Username: inspheric
Package Create Date: 2018-08-27
Package Last Update: 2022-11-28
Language: Vue
License: MIT
Last Refreshed: 2024-11-09 15:08:03
Package Statistics
Total Downloads: 384,877
Monthly Downloads: 3,769
Daily Downloads: 101
Total Stars: 33
Total Watchers: 2
Total Forks: 1
Total Open Issues: 0

Laravel Nova Email Field

An email input and mailto link field for Laravel Nova

Latest Version on Packagist Total Downloads

Installation

Install the package into a Laravel app that uses Nova with Composer:

composer require inspheric/nova-email-field

Usage

Add the field to your resource in the fields method:

use Inspheric\Fields\Email;

Email::make('Email')
    ->rules('email', /* ... */),

The field extends the Laravel\Nova\Fields\Text field, so all the usual methods are available.

Now supports readonly, placeholder and overriding the default type="email" if you prefer not to have the validation in the browser. This is from the standard Nova Text field so is not documented here.

It is recommended that you include the standard email validation rule, as it is not automatically added.

Options

Clickable

Make the field display as a mailto link on the detail page:

Email::make('Email')
    ->clickable(),

Clickable on Index

Make the field display as a mailto link on the index page:

Email::make('Email')
    ->clickableOnIndex(),

Always Clickable

Combination of the two functions above for simplicity:

Email::make('Email')
    ->alwaysClickable(),

Appearance

Index (default)

index-field

The field is displayed as a plain <span> element. If the field value is blank, an em dash will be displayed.

Index (clickable)

index-field-clickable

The field is displayed as an <a href="mailto:..."> element with an icon. If the field value is blank, an em dash will be displayed instead of a link.

Detail (default)

detail-field

The field is displayed as a plain <span> element. If the field value is blank, an em dash will be displayed.

Detail (clickable)

detail-field-clickable

The field is displayed as an <a href="mailto:..."> element with an icon. If the field value is blank, an em dash will be displayed instead of a link.

Form

form-field

The field is displayed as an <input type="email"> element.

Donate

:purple_heart: If you like this package, you can show your appreciation by donating any amount via PayPal to support ongoing development.