optimistdigital / nova-color-field
A Laravel Nova Color Picker field.
Installs: 198 098
Dependents: 0
Suggesters: 0
Security: 0
Stars: 25
Watchers: 3
Forks: 14
Open Issues: 4
Language:Vue
Requires
- php: >=8.0
- ext-json: *
- laravel/nova: ^4.0
Requires (Dev)
- friendsofphp/php-cs-fixer: ^2
- orchestra/testbench: ^6
- roave/security-advisories: dev-latest
README
This Laravel Nova package adds a color picker to Nova's arsenal of fields.
Requirements
php: >=8.0
laravel/nova: ^4.0
Features
A simple Nova Color field utilizing vue-color.
Forked from timothyasp/nova-color-field and brought up to date with improvements.
Screenshots
Installation
Install the package in to a Laravel app that uses Nova via composer:
composer require outl1ne/nova-color-field
Usage
General
use Outl1ne\NovaColorField\Color; public function fields(Request $request) { Color::make('Color'), }
Themes
Available themes: chrome, compactTheme, grayscale, material, photoshop, sketch, slider, swatches, twitter
.
See the theme demos here.
use Outl1ne\NovaColorField\Color; public function fields(Request $request) { Color::make('Color')->photoshop(), Color::make('Color')->swatches(), // ... }
Customizing save and display formats
If you would like to display and save the color in a format other than hex
, you can use the ->displayAs('hex')
and ->saveAs('hex')
helpers.
Available options are: rgb, rgba, hex, hex8, hsl
.
Color::make('Color') ->chrome() ->displayAs('hex8') ->saveAs('hex8'),
Palettes
Adding custom pallette colors to the pickers can be done like so:
Color::make('Color') ->compactTheme() ->palette(['#beaf00', '#DEADAF', '#000']),
Credits
License
Nova Color Field is open-sourced software licensed under the MIT license.