• Installation
• Usage
  • Customize button and modal props
    • DTO schemas of components configuration:
• Testing
• Changelog
• Contributing
• Credits
• License

#Installation

Documentation on my doc. website

You can install the package via composer:

composer require pepperfm/filament-json

You can publish the config file with:

php artisan vendor:publish --tag="filament-json-config"

Optionally, you can publish the views using

php artisan vendor:publish --tag="filament-json-views"

#Usage

use PepperFM\FilamentJson\Columns\JsonColumn;
 
JsonColumn::make('properties');
 
JsonColumn::make('properties')
    ->asDrawer();
 
JsonColumn::make('properties')
    ->asModal();

#Customize button and modal props

[!IMPORTANT] The button() and modal() method accept the type of array|Arrayable|\stdClass, and implements basic properties of button and modal blade components from Filament documentation: Core Concepts - Blade Components

use PepperFM\FilamentJson\Columns\JsonColumn;
 
$buttonConfig = literal(
    color: 'primary',
    size: 'xs'
);
$modalConfig = [
    'icon' => 'heroicon-m-sparkles',
    'alignment' => 'start',
    'width' => 'xl',
    'closedByEscaping' => true,
    'closed_button' => false, // also accepts camel_case
];
 
JsonColumn::make('properties')
    ->asModal()
    ->button($buttonConfig)
    ->modal($modalConfig);

#DTO schemas of components configuration:

class ButtonConfigDto extends \Pepperfm\Ssd\BaseDto
{
    public string $color = 'primary';
 
    public string $icon = 'heroicon-o-swatch';
 
    public ?string $label = null;
 
    public ?string $tooltip = null;
 
    public string $size = 'md';
 
    public ?string $href = null;
 
    public ?string $tag = null;
}

class ModalConfigDto extends \Pepperfm\Ssd\BaseDto
{
    public ?string $id = null;
 
    public string $icon = 'heroicon-o-swatch';
 
    public string $iconColor = 'primary';
 
    public string $alignment = 'start';
 
    public string $width = 'xl';
 
    public bool $closeByClickingAway = true;
 
    public bool $closedByEscaping = true;
 
    public bool $closedButton = true;
 
    public bool $autofocus = true;
}

#Testing

composer test

#Changelog

Please see CHANGELOG for more information on what has changed recently.

#Contributing

Please see CONTRIBUTING for details.

#Credits

• PepperFM

#License

The MIT License (MIT). Please see License File for more information.