Nova Nested Inputs
Nova Nested Fields is a Laravel Nova field package that allows users to present their checkboxes or radio buttons in a nested, hierarchical structure. This package supports infinite nesting levels, providing a flexible solution for complex form requirements.
Requirements
php: >=7.3laravel/nova: ^4.26
Demo
Nested radios input
Nested checkbox input
Features
- Infinite nesting of checkbox/radio fields.
- Easy integration with existing Laravel Nova projects.
- Customizable display and styling options.
- Supports dynamic addition and removal of nested items.
- Intuitive user interface for managing nested selections.
Installation
To install the Nova Nested Fields package, use Composer:
# Install Nova Nested Inputs
composer require hosnyben/nova-nested-inputsUsage
Now you can use the NovaNestedInputs Field with Nova. Make the NovaNestedInputs in the fields method like any other field in a Resource.
Example
// in a Nova Resource
use HosnyBEN\NovaNestedInputs\NovaNestedInputs;
public function fields(Request $request)
{
return [
NovaNestedInputs::make('Category', 'category_id')
->options(function() {
return [
['id' => 1, 'label' => 'Parent 1'],
['id' => 2, 'label' => 'Parent 2'],
['id' => 3, 'label' => 'Parent 3'],
[
'id' => 4,
'label' => 'Parent 4',
'children' => [
['id' => 5, 'label' => 'Child 4.1'],
[
'id' => 6,
'label' => 'Child 4.2',
'children' => [
['id' => 8, 'label' => 'Child 4.2.1'],
['id' => 9, 'label' => 'Child 4.2.2'],
],
],
['id' => 7, 'label' => 'Child 4.3'],
],
],
];
})
->type('radio')
->color('#be860f')
->rules('required'),
]
}Settings
| Option | Type | Description | Default |
|---|---|---|---|
| type | String | You define either a checkbox or radio |
radio |
| color | String | You define the CSS supported color. It may be a hex color or rgb() or rgba() |
#be860f |
| options | function() or multi-dimensional Array[]. It must respect the payload. | You can define infinte loop of nested items. You may use a function if you're looking to load dynamic values of load your Eloquent model into. | array() |
"options" field structure
[
[
'id' => 1, // ID of the record
'label' => 'My item', // String : Title of the item
'disabled' => false, // Boolean
'children' => [ // Array of nested item with the exact structure
...
]
],
...
]License
Nova Nested Inputs is open-sourced software licensed under the MIT license.
Author
Made with ❤️ by Hosny BEN
