https://github.com/zen0x7/nova-gridder
Customize Nova Resource Details using Tailwind Grid System and more
https://github.com/zen0x7/nova-gridder
grid-system laravel-nova tailwindcss
Last synced: about 1 year ago
JSON representation
Customize Nova Resource Details using Tailwind Grid System and more
- Host: GitHub
- URL: https://github.com/zen0x7/nova-gridder
- Owner: Zen0x7
- Created: 2019-10-31T23:23:45.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2021-06-28T19:30:16.000Z (almost 5 years ago)
- Last Synced: 2025-04-03T10:47:27.719Z (about 1 year ago)
- Topics: grid-system, laravel-nova, tailwindcss
- Language: Vue
- Size: 59.6 KB
- Stars: 16
- Watchers: 1
- Forks: 5
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Nova Gridder
This package allows customize your resource details using grid and class systems.
## 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
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.