Download the PHP package wesselperik/nova-status-field without Composer
On this page you can find all versions of the php package wesselperik/nova-status-field. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download wesselperik/nova-status-field
More information about wesselperik/nova-status-field
Files in wesselperik/nova-status-field
Package nova-status-field
Short Description A Laravel Nova field for displaying statuses.
License MIT
Informations about the package nova-status-field
🚀 Compatible with Laravel Nova 4 and 5!
A Laravel Nova field for displaying a status icon, with optional tooltip and info text, on index and detail pages of your models. This package utilizes all icons from the Heroicons icon pack (from designer Steve Schroger), which is also used in Laravel Nova.
Installation
You can install the package using composer:
Next up, add the field to your desired Nova model. See the example below:
Available icons are all Heroicons by Steve Schroger. By default, the icons are used in the outline style, but you can use the solid() function to change to the solid style (see the example above).
Note: Laravel Nova 5 ships with Heroicons v2, while Nova 4 uses Heroicons v1. Some icons were renamed in v2 (for example,
envelope). If an icon no longer shows up after upgrading to Nova 5, check the Heroicons v2 rename list for its new name.
Available colors are the following TailwindCSS text colors included in Laravel Nova 4, which are:
primarygraywhitebluegreenred
Popup text/background color
By default the tooltip popup uses your Nova primary color as its background, with white text (dark gray in dark mode). Use background() and textColor() to override these per field. Both work exactly like iconColor() — pass either a single color or an array of icon => color pairs:
Values for both methods are auto-detected: a Nova palette token such as green-500 or primary-500 is mapped to the matching theme color (and respects light/dark mode), while any other value — a hex code, rgb(), hsl(), or a named CSS color — is used as-is:
Set both together when you use a custom background, so the text stays readable against it.
Contributors
License
The MIT License (MIT). Please see the license file for more information.