Laravel Nova Flexible Content

https://github.com/whitecube/nova-flexible-content
Admin
An easy and complete flexible field for Laravel Nova that enables management of repeatable and...
Tokens:9,286
Snippets:91
Trust Score:9.7
License:MIT
Update:7 months ago
Show doc for...
Tokens:
Raw
### Install Nova Flexible Content

Source: https://github.com/whitecube/nova-flexible-content/blob/master/README.md

Use Composer to install the package into your Laravel project.

```bash
composer require whitecube/nova-flexible-content
```

--------------------------------

### Generate Flexible Preset Artisan Command

Source: https://github.com/whitecube/nova-flexible-content/blob/master/docs/README.md

This command-line example demonstrates how to generate a new preset class using the Nova Flexible Content artisan command. It takes the class name as an argument.

```bash
php artisan flexible:preset {classname?}

// Ex: php artisan flexible:preset WysiwygPagePreset
```

--------------------------------

### Generate Flexible Layout Artisan Command

Source: https://github.com/whitecube/nova-flexible-content/blob/master/docs/README.md

This is a command-line example showing how to generate a new custom layout class using the Nova Flexible Content artisan command. It takes the class name and optionally a layout name as arguments.

```bash
php artisan flexible:layout {classname?}

// Ex: php artisan flexible:layout SimpleWysiwygLayout wysiwyg
```

--------------------------------

### Generate Flexible Resolver Artisan Command

Source: https://github.com/whitecube/nova-flexible-content/blob/master/docs/README.md

This command-line example shows how to generate a new custom resolver class for Nova Flexible Content using the artisan command. It takes the class name as an argument and places the file in the app/Nova/Flexible/Resolvers directory.

```bash
php artisan flexible:resolver {classname?}

// Ex: php artisan flexible:resolver WysiwygPageResolver
```

--------------------------------

### Resolve field content with get method

Source: https://github.com/whitecube/nova-flexible-content/blob/master/docs/README.md

The get method retrieves data from a storage source and transforms it into a collection of hydrated Layout instances. It maps database records to layouts and filters out any that cannot be resolved.

```php
public function get($resource, $attribute, $layouts) {
    $blocks = $resource->blocks()->orderBy('order')->get();

    return $blocks->map(function($block) use ($layouts) {
        $layout = $layouts->find($block->name);

        if(!$layout) return;

        return $layout->duplicateAndHydrate($block->id, ['value' => $block->value]);
    })->filter();
}
```

--------------------------------

### Resolving Field Content

Source: https://github.com/whitecube/nova-flexible-content/blob/master/docs/README.md

The get method retrieves content from a data source and transforms it into a collection of hydrated Layout instances.

```APIDOC
## GET /field/resolve

### Description
Retrieves the field's value from the database and hydrates the layout collection.

### Method
GET

### Parameters
#### Path Parameters
- **resource** (mixed) - Required - The parent model instance.
- **attribute** (string) - Required - The attribute name.
- **layouts** (Collection) - Required - The collection of available layouts.

### Response
#### Success Response (200)
- **Collection** (Illuminate\Support\Collection) - A collection of hydrated Layout instances.
```

--------------------------------

### Configure Layout Selection Menus

Source: https://context7.com/whitecube/nova-flexible-content/llms.txt

Demonstrates how to switch between default dropdown and searchable select menus for layout selection. Includes options for customizing the searchable menu's labels and behavior.

```php
use Whitecube\NovaFlexibleContent\Flexible;
use Laravel\Nova\Fields\Text;

// Default dropdown menu
Flexible::make('Content')
    ->menu('flexible-drop-menu')
    ->addLayout('Text', 'text', [Text::make('Content')]);

// Searchable select menu
Flexible::make('Content')
    ->menu('flexible-search-menu')
    ->addLayout('Text', 'text', [Text::make('Content')])
    ->addLayout('Image', 'image', [Text::make('URL')])
    ->addLayout('Video', 'video', [Text::make('Video ID')]);

// Customized searchable menu
Flexible::make('Content')
    ->menu('flexible-search-menu', [
        'selectLabel' => 'Press enter to select',
        'label' => 'title',
        'openDirection' => 'bottom',
    ])
    ->addLayout('Hero Section', 'hero', [Text::make('Title')])
    ->addLayout('Feature Grid', 'features', [Text::make('Title')]);
```

--------------------------------

### Creating a Custom FlexibleCast for Layout Mapping

Source: https://github.com/whitecube/nova-flexible-content/blob/master/README.md

Shows how to extend the base `FlexibleCast` to define custom mappings between layout keys and their corresponding classes. This is useful for organizing and utilizing custom layout structures.

```php
namespace App\Casts;

use Whitecube\NovaFlexibleContent\Value\FlexibleCast;

class MyFlexibleCast extends FlexibleCast
{
    protected $layouts = [
        'wysiwyg' => \App\Nova\Flexible\Layouts\WysiwygLayout::class,
        'video' => \App\Nova\Flexible\Layouts\VideoLayout::class,
    ];
}
```

--------------------------------

### Define Flexible Content Layouts

Source: https://context7.com/whitecube/nova-flexible-content/llms.txt

Demonstrates how to instantiate the Flexible field and define multiple layouts with specific Nova fields. Each layout is identified by a title and a unique name for database storage.

```php
use Whitecube\NovaFlexibleContent\Flexible;
use Laravel\Nova\Fields\Text;
use Laravel\Nova\Fields\Markdown;
use Laravel\Nova\Fields\Image;

Flexible::make('Content')
    ->addLayout('Simple content section', 'wysiwyg', [
        Text::make('Title'),
        Markdown::make('Content')
    ])
    ->addLayout('Video section', 'video', [
        Text::make('Title'),
        Image::make('Video Thumbnail', 'thumbnail'),
        Text::make('Video ID (YouTube)', 'video'),
        Text::make('Video Caption', 'caption')
    ]);
```

--------------------------------

### Integrate Media Library with Layouts

Source: https://context7.com/whitecube/nova-flexible-content/llms.txt

Shows how to implement Spatie Media Library within custom flexible layouts. It includes model configuration and accessing media URLs within application views.

```php
class SliderLayout extends Layout implements HasMedia {
    use HasMediaLibrary;
    public function fields() {
        return [Images::make('Slides', 'slides')->conversionOnIndexView('thumb')];
    }
}
$slides = $layout->getMedia('slides');
```

--------------------------------

### Creating Custom Flexible Casts

Source: https://github.com/whitecube/nova-flexible-content/blob/master/docs/README.md

Shows how to extend the base FlexibleCast class to map specific layout keys to custom Layout classes for advanced data handling.

```php
namespace App\Casts;

class MyFlexibleCast extends FlexibleCast
{
    protected $layouts = [
        'wysiwyg' => \App\Nova\Flexible\Layouts\WysiwygLayout::class,
        'video' => \App\Nova\Flexible\Layouts\VideoLayout::class,
    ];
}
```

--------------------------------

### Integrate Advanced Nova Media Library

Source: https://github.com/whitecube/nova-flexible-content/blob/master/docs/README.md

Configure models and custom layouts to support media library functionality. This requires implementing HasMedia and using the appropriate traits on both the parent model and the layout class.

```php
class Post extends Model implements HasMedia
{
    use HasFlexible;
    use InteractsWithMedia;
}

class SliderLayout extends Layout implements HasMedia
{
    use HasMediaLibrary;

    protected $name = 'sliderlayout';
    protected $title = 'SliderLayout';

    public function fields()
    {
        return [
            Images::make('Images', 'images')
        ];
    }
}
```

--------------------------------

### Initialize Docsify

Source: https://github.com/whitecube/nova-flexible-content/blob/master/docs/index.html

This JavaScript snippet configures Docsify, a documentation site generator, for the nova-flexible-content project. It sets the repository URL for easy navigation.

```javascript
window.$docsify = { name: 'nova-flexible-content', repo: 'https://github.com/whitecube/nova-flexible-content' }
```

--------------------------------

### Create Custom FlexibleCast with Layout Mapping

Source: https://context7.com/whitecube/nova-flexible-content/llms.txt

Explains how to extend FlexibleCast to map specific layout names to custom PHP classes. This allows for adding custom methods, accessors, and mutators to individual layouts.

```php
namespace App\Casts;

use Whitecube\NovaFlexibleContent\Value\FlexibleCast;

class PageContentCast extends FlexibleCast
{
    protected $layouts = [
        'wysiwyg' => \App\Nova\Flexible\Layouts\WysiwygLayout::class,
        'video' => \App\Nova\Flexible\Layouts\VideoLayout::class,
        'gallery' => \App\Nova\Flexible\Layouts\GalleryLayout::class,
    ];
}
```

--------------------------------

### Implement Preset Classes

Source: https://context7.com/whitecube/nova-flexible-content/llms.txt

Configures reusable presets to standardize field settings and layout collections across multiple Nova resources. This promotes consistency and reduces boilerplate code.

```php
namespace App\Nova\Flexible\Presets;

use App\Nova\Flexible\Layouts\HeroLayout;
use App\Nova\Flexible\Layouts\WysiwygLayout;
use Whitecube\NovaFlexibleContent\Flexible;
use Whitecube\NovaFlexibleContent\Layouts\Preset;

class PageBuilderPreset extends Preset
{
    public function handle(Flexible $field)
    {
        $field->button('Add Page Block');
        $field->fullWidth();
        $field->addLayout(HeroLayout::class);
        $field->addLayout(WysiwygLayout::class);
    }
}

// Usage
Flexible::make('Content')
    ->preset(PageBuilderPreset::class);
```

--------------------------------

### Customize Add Button Text

Source: https://context7.com/whitecube/nova-flexible-content/llms.txt

Shows how to use the button() method to provide a custom label for the layout addition trigger.

```php
Flexible::make('Page Sections')
    ->button('Add new section')
    ->addLayout('Hero Section', 'hero', [
        Text::make('Headline'),
        Textarea::make('Subheadline'),
    ]);
```

--------------------------------

### Enable Full Width Display

Source: https://context7.com/whitecube/nova-flexible-content/llms.txt

Applies the fullWidth() method to make the flexible field span the entire width of the Nova form.

```php
Flexible::make('Page Content')
    ->fullWidth()
    ->addLayout('Content Block', 'content', [
        Text::make('Section Title'),
        Markdown::make('Content'),
    ]);
```

--------------------------------

### Implement FlexibleCast for Model Attributes

Source: https://context7.com/whitecube/nova-flexible-content/llms.txt

Shows how to automatically cast JSON content into a collection of Layout instances. This simplifies accessing layout data and attributes directly from the model.

```php
namespace App\Models;

use Illuminate\Database\Eloquent\Model;
use Whitecube\NovaFlexibleContent\Value\FlexibleCast;

class Page extends Model
{
    protected $casts = [
        'content' => FlexibleCast::class,
    ];
}

$page = Page::find(1);
foreach ($page->content as $layout) {
    echo $layout->name();
    echo $layout->title();
    echo $layout->key();
}
```

--------------------------------

### Using FlexibleCast in Eloquent Model

Source: https://github.com/whitecube/nova-flexible-content/blob/master/README.md

Demonstrates how to configure an Eloquent model to use the `FlexibleCast` for handling flexible content fields. This ensures the JSON string stored in the database is automatically parsed into a usable format.

```php
namespace App;

use Illuminate\Database\Eloquent\Model;
use Whitecube\NovaFlexibleContent\Value\FlexibleCast;

class MyModel extends Model
{
    protected $casts = [
        'flexible-content' => FlexibleCast::class
    ];
}
```

--------------------------------

### Create Custom Layout Classes

Source: https://context7.com/whitecube/nova-flexible-content/llms.txt

Defines a reusable layout class extending the base Layout class. It encapsulates fields, validation, and custom logic for specific content blocks within Nova resources.

```php
namespace App\Nova\Flexible\Layouts;

use Laravel\Nova\Fields\Text;
use Laravel\Nova\Fields\Markdown;
use Whitecube\NovaFlexibleContent\Layouts\Layout;

class WysiwygLayout extends Layout
{
    protected $name = 'wysiwyg';
    protected $title = 'Content Section';
    protected $limit = 5;

    public function fields()
    {
        return [
            Text::make('Title'),
            Markdown::make('Content'),
        ];
    }

    public function getFormattedContentAttribute()
    {
        return strip_tags($this->content);
    }

    public function getExcerpt($length = 100)
    {
        return substr($this->formatted_content, 0, $length) . '...';
    }
}

// Usage
Flexible::make('Content')
    ->addLayout(WysiwygLayout::class);
```

--------------------------------

### Configure Flexible Field Options

Source: https://github.com/whitecube/nova-flexible-content/blob/master/docs/README.md

Customize the Flexible field behavior, including button labels, layout limits, full-width display, and removal confirmation.

```php
// Customize button label
Flexible::make('Content')->button('Add something amazing!');

// Make field full width
Flexible::make('Content')->fullWidth();

// Limit number of layouts
Flexible::make('Content')->limit(2);

// Enable removal confirmation
Flexible::make('Content')->confirmRemove();
Flexible::make('Content')->confirmRemove($label = '', $yes = 'Delete', $no = 'Cancel');
```

--------------------------------

### Customize Layout Selection Menu

Source: https://github.com/whitecube/nova-flexible-content/blob/master/docs/README.md

Change the component used for selecting layouts, such as switching to a searchable menu.

```php
// Use searchable select field
Flexible::make('Content')->menu('flexible-search-menu');

// Customized searchable select field
Flexible::make('Content')
    ->menu(
        'flexible-search-menu',
        [
            'selectLabel' => 'Press enter to select',
            'label' => 'title',
            'openDirection' => 'bottom',
        ]
    );
```

--------------------------------

### Develop Custom Resolver Classes

Source: https://context7.com/whitecube/nova-flexible-content/llms.txt

Implements the ResolverInterface to override default JSON storage. This allows developers to map flexible content to custom database tables or external services.

```php
namespace App\Nova\Flexible\Resolvers;

use Whitecube\NovaFlexibleContent\Value\ResolverInterface;

class BlocksResolver implements ResolverInterface
{
    public function get($resource, $attribute, $layouts)
    {
        return $resource->blocks()->orderBy('order')->get()->map(function ($block) use ($layouts) {
            $layout = $layouts->find($block->name);
            return $layout ? $layout->duplicateAndHydrate($block->id, ['title' => $block->title]) : null;
        })->filter();
    }

    public function set($model, $attribute, $groups)
    {
        $model::saved(function ($model) use ($groups) {
            $model->blocks()->delete();
            $model->blocks()->createMany($groups->map(fn($g) => ['name' => $g->name()])->toArray());
        });
    }
}

// Usage
Flexible::make('Content')
    ->resolver(BlocksResolver::class);
```

--------------------------------

### Apply Preset to Flexible Field

Source: https://github.com/whitecube/nova-flexible-content/blob/master/docs/README.md

This PHP snippet shows how to apply a defined preset class, WysiwygPagePreset, to a Flexible content field. The `preset` method is used, accepting the fully qualified class name of the preset.

```php
Flexible::make('Content')
    ->preset(\'App\Nova\Flexible\Presets\WysiwygPagePreset::class);
```

--------------------------------

### Configure Layout Removal Confirmation

Source: https://context7.com/whitecube/nova-flexible-content/llms.txt

Implements a confirmation dialog for deleting layouts, with options for custom messages and button labels.

```php
Flexible::make('Important Sections')
    ->confirmRemove(
        'Are you sure you want to remove this section?',
        'Yes, Remove',
        'Keep It'
    )
    ->addLayout('Section', 'section', [
        Text::make('Title'),
    ]);
```

--------------------------------

### Render Flexible Content in Blade

Source: https://context7.com/whitecube/nova-flexible-content/llms.txt

Provides a pattern for iterating over flexible content layouts in Blade templates. It uses conditional logic to render specific HTML structures based on the layout name.

```blade
@foreach($page->content as $layout)
    @if($layout->name() === 'wysiwyg')
        <div class="prose">{!! $layout->content !!}</div>
    @elseif($layout->name() === 'video')
        <iframe src="https://www.youtube.com/embed/{{ $layout->video }}"></iframe>
    @endif
@endforeach
```

--------------------------------

### Define Preset Class for Flexible Field in PHP

Source: https://github.com/whitecube/nova-flexible-content/blob/master/docs/README.md

This PHP code defines a custom preset class for Nova Flexible Content. It fetches 'PageBlocks' and dynamically adds layouts to the Flexible field based on the retrieved blocks. Presets help in reusing complex field configurations.

```php
namespace App\Nova\Flexible\Presets;

use App\PageBlocks;
use Whitecube\NovaFlexibleContent\Flexible;
use Whitecube\NovaFlexibleContent\Layouts\Preset;

class WysiwygPagePreset extends Preset
{

    /**
     * The available blocks
     *
     * @var Illuminate\Support\Collection
     */
    protected $blocks;

    /**
     * Create a new preset instance
     *
     * @return void
     */
    public function __construct()
    {
        $this->blocks = PageBlocks::orderBy('label')->get();
    }

    /**
     * Execute the preset configuration
     *
     * @return void
     */
    public function handle(Flexible $field)
    {
        $field->button('Add new block');
        $field->resolver(\'App\Nova\Flexible\Resolvers\WysiwygPageResolver::class);
        $field->help('Go to the "<strong>Page blocks</strong>" Resource in order to add new WYSIWYG block types.');

        $this->blocks->each(function($block) use ($field) {
            $field->addLayout($block->title, $block->id, $block->getLayoutFields());
        });
    }
}
```

--------------------------------

### Define Custom Layout Class in PHP

Source: https://github.com/whitecube/nova-flexible-content/blob/master/docs/README.md

This snippet shows how to create a custom layout class for Nova Flexible Content. It extends the base Layout class and defines fields like 'Title' (Text) and 'Content' (Markdown). This allows for reusable and shareable layout definitions.

```php
namespace App\Nova\Flexible\Layouts;

use Laravel\Nova\Fields\Text;
use Laravel\Nova\Fields\Markdown;
use Whitecube\NovaFlexibleContent\Layouts\Layout;

class SimpleWysiwygLayout extends Layout
{
    /**
     * The layout's unique identifier
     *
     * @var string
     */
    protected $name = 'wysiwyg';

    /**
     * The displayed title
     *
     * @var string
     */
    protected $title = 'Simple content section';

    /**
     * Get the fields displayed by the layout.
     *
     * @return array
     */
    public function fields()
    {
        return [
            Text::make('Title'),
            Markdown::make('Content')
        ];
    }
}
```

--------------------------------

### Persist field content with set method

Source: https://github.com/whitecube/nova-flexible-content/blob/master/docs/README.md

The set method handles saving the Flexible content to the database. It registers a saved event on the model to sync the provided collection of groups into the blocks table.

```php
public function set($model, $attribute, $groups)
{
    $class = get_class($model);

    $class::saved(function ($model) use ($groups) {
        $blocks = $groups->map(function($group, $index) {
            return [
                'name' => $group->name(),
                'value' => json_encode($group->getAttributes()),
                'order' => $index
            ];
        });

        $model->blocks()->delete();
        $model->blocks()->createMany($blocks);
    });
}
```

--------------------------------

### Manipulate Layouts Collection

Source: https://context7.com/whitecube/nova-flexible-content/llms.txt

Demonstrates how to use Laravel collection methods to find, filter, count, and map flexible content layouts. This allows for dynamic data retrieval and transformation of page content.

```php
$page = Page::find(1);
$heroSection = $page->content->find('hero');
$textBlocks = $page->content->filter(function ($layout) {
    return $layout->name() === 'wysiwyg';
});
$videoCount = $page->content->where('layout', 'video')->count();
$titles = $page->content->map(function ($layout) {
    return ['type' => $layout->name(), 'title' => $layout->title ?? 'Untitled'];
});
```

--------------------------------

### Utilize HasFlexible Trait for Manual Parsing

Source: https://context7.com/whitecube/nova-flexible-content/llms.txt

Demonstrates using the HasFlexible trait to manually parse flexible content. This approach supports both simple accessors and complex mapping to custom layout classes.

```php
namespace App\Models;

use Illuminate\Database\Eloquent\Model;
use Whitecube\NovaFlexibleContent\Concerns\HasFlexible;

class Page extends Model
{
    use HasFlexible;

    public function getMappedContentAttribute()
    {
        return $this->flexible('content', [
            'wysiwyg' => \App\Nova\Flexible\Layouts\WysiwygLayout::class,
            'video' => \App\Nova\Flexible\Layouts\VideoLayout::class,
        ]);
    }
}
```

--------------------------------

### Restrict Layout Count

Source: https://context7.com/whitecube/nova-flexible-content/llms.txt

Utilizes the limit() method to enforce a maximum number of layout instances allowed for a specific flexible field.

```php
Flexible::make('Featured Items')
    ->limit(3)
    ->addLayout('Featured Item', 'featured', [
        Text::make('Title'),
        Image::make('Image'),
    ]);
```

--------------------------------

### Persisting Field Content

Source: https://github.com/whitecube/nova-flexible-content/blob/master/docs/README.md

The set method handles the saving of flexible content to the underlying data storage.

```APIDOC
## POST /field/persist

### Description
Saves the flexible content groups to the database when the parent model is saved.

### Method
POST

### Parameters
#### Request Body
- **model** (mixed) - Required - The parent model instance.
- **attribute** (string) - Required - The attribute name.
- **groups** (Collection) - Required - The collection of groups to persist.

### Response
#### Success Response (200)
- **void** - No return value.
```

--------------------------------

### Configure Layout Collapsed State

Source: https://context7.com/whitecube/nova-flexible-content/llms.txt

Configures the default UI state of flexible content fields in the Nova dashboard. The collapsed method accepts a boolean to toggle between expanded and collapsed views.

```php
Flexible::make('Content')
    ->collapsed(true)
    ->addLayout('Section', 'section', [Text::make('Title')]);
```

--------------------------------

### Implementing HasFlexible Trait in Models

Source: https://github.com/whitecube/nova-flexible-content/blob/master/docs/README.md

Explains how to use the HasFlexible trait to transform model attributes into a collection of layout instances, either via accessors or direct mapping.

```php
namespace App;

use Illuminate\Database\Eloquent\Model;
use Whitecube\NovaFlexibleContent\Concerns\HasFlexible;

class MyModel extends Model
{
    use HasFlexible;

    public function getFlexibleContentAttribute()
    {
        return $this->flexible('flexible-content');
    }
}

// Or with custom mapping:
public function getFlexibleContentAttribute()
{
    return $this->flexible('flexible-content', [
        'wysiwyg' => \App\Nova\Flexible\Layouts\WysiwygLayout::class,
        'video' => \App\Nova\Flexible\Layouts\VideoLayout::class,
    ]);
}
```

--------------------------------

### Customize Flexible Button Label

Source: https://github.com/whitecube/nova-flexible-content/blob/master/README.md

Modify the default button text for adding new layouts to improve user experience.

```php
Flexible::make('Content')
    ->button('Add something amazing!');
```

--------------------------------

### Define Flexible Layouts in Nova Resource

Source: https://github.com/whitecube/nova-flexible-content/blob/master/README.md

Configure the Flexible field within your Nova resource's fields method by adding custom layouts containing various Nova field types.

```php
use Whitecube\NovaFlexibleContent\Flexible;

public function fields(Request $request)
{
    return [
        Flexible::make('Content')
            ->addLayout('Simple content section', 'wysiwyg', [
                Text::make('Title'),
                Markdown::make('Content')
            ])
            ->addLayout('Video section', 'video', [
                Text::make('Title'),
                Image::make('Video Thumbnail', 'thumbnail'),
                Text::make('Video ID (YouTube)', 'video'),
                Text::make('Video Caption', 'caption')
            ])
    ];
}
```

--------------------------------

### Add Custom Layout to Flexible Field

Source: https://github.com/whitecube/nova-flexible-content/blob/master/docs/README.md

This code demonstrates how to register a custom layout class, SimpleWysiwygLayout, with a Flexible content field in Nova. It uses the addLayout method, passing the fully qualified class name.

```php
Flexible::make('Content')
    ->addLayout(\'App\Nova\Flexible\Layouts\SimpleWysiwygLayout::class);
```

--------------------------------

### Overriding Layout Mappings in Casts

Source: https://github.com/whitecube/nova-flexible-content/blob/master/docs/README.md

Provides a method to dynamically define layout mappings by overriding the getLayoutMappings method within a custom cast class.

```php
namespace App\Casts;

class MyFlexibleCast extends FlexibleCast
{
    protected function getLayoutMappings()
    {
        $mappings = [];
        return $mappings;
    }
}
```

--------------------------------

### Implement HasFlexible trait in Nova Page Template

Source: https://github.com/whitecube/nova-flexible-content/blob/master/README.md

This snippet demonstrates how to add the HasFlexible trait to a Nova Page template class. This implementation enables the Page::flexible('attribute') facade method, which automatically transforms raw flexible content JSON into usable objects.

```php
namespace App\Nova\Templates;

use Whitecube\NovaFlexibleContent\Concerns\HasFlexible;

class Home extends Template
{
    use HasFlexible;
}
```

--------------------------------

### Limit Layout Type Occurrences

Source: https://github.com/whitecube/nova-flexible-content/blob/master/docs/README.md

This PHP snippet illustrates how to limit the number of times a specific layout type can be added to a Flexible field. By setting the protected $limit property to an integer (e.g., 1), you control the maximum occurrences.

```php
/**
 * The maximum amount of this layout type that can be added
 */
protected $limit = 1;
```
Tokens:
Raw