Skip to content

Customize Nova Resource Details using Tailwind Grid System and more

Notifications You must be signed in to change notification settings

famcare/nova-gridder

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Nova Gridder

This package allows customize your resource details using grid and class systems.

Example

Example

Requirements

This package requires:

  • PHP ^7.3.
  • Laravel Nova ^2.0 or ^3.0.

Installation

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

composer require demency/nova-gridder

Usage

Add the following code in your own resource implementation:

<?php

...

class YourResource extends Resource {

    ...

    public function fields(Request $request)
    {
        return [
            ...

            // Are you ready?
            // --------------
            // 1. Use gridder method
            // 2. Set options for rendering
            // 3. See the results
            Field::make(__('Column'), 'column') // Use whatever Field
                ->gridder([
                    'labelSize' => 'w-full',
                    'contentSize' => 'w-full',
                    'panelSize' => 'w-1/5', // Use field as box in a Panel
                    'additionalLabelClasses' => 'text-center',
                    'additionalContentClasses' => 'text-center py-2',
                    'additionalPanelClasses' => '', // This remove the border-bottom per field
                ])
        ];
    }

Changelog

1.0.1

  • Now support nova 3.0.
  • Some wrong type fixed.

1.0.0

  • Recently published.

Disclaimer

This package isn't tested. Feel free to make PR with improvements.

About

Customize Nova Resource Details using Tailwind Grid System and more

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Vue 74.4%
  • PHP 20.9%
  • JavaScript 4.5%
  • SCSS 0.2%