Skip to content
Simple badge field for Laravel Nova
Vue JavaScript PHP CSS
Branch: master
Clone or download
Pull request Compare This branch is 6 commits ahead, 4 commits behind timothyasp:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist
resources
src
.gitignore
README.md
composer.json
mix-manifest.json
package.json
webpack.mix.js

README.md

Laravel Nova Badge Field

Simple Laravel Nova Badge field. It extends the Select field and allows a simple mapping of colors to values to display a "Badge" in the index.

Details Page

details page select

Index

index badge

Installation

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

composer require timothyasp/nova-badge-field

Usage

use Timothyasp\Badge\Badge;

Badge::make('Field')
   ->options($options)
   ->colors([
      'option1' => '#ffffff',
      'option2' => '#000000'
   ]);

If you want to set the text color of the badge, set the color attribute on the option. If there isn't an option set, it defaults to setting the background color and the text color is set to a contrasting white/black color based on the brightness of the background.

use Timothyasp\Badge\Badge;

Badge::make('Field')
   ->options($options)
   ->colors([
      'option1' => [
          'background' => '#ffffff',
          'color' => '#000000'
      ],
      'option2' => '#000000'
   ]);

Credits

Built for QuizGriz - the #1 online trivia and quiz game site

License

The MIT License (MIT). Please see License File for more information.

You can’t perform that action at this time.