JSON Column plugin screenshot
Dark mode ready
Multilingual support
Supports v5.x

JSON Column

Community

A simple package for viewing and editing your JSON columns in Filament. Full support with Filament 5. Original author: @valentin-morice.

Tags: Form Field Forms Infolist Entry
Supported versions:
5.x
Third-party plugin. This is built by the community, not the Filament team. Filament does not review, endorse, or vet the security of plugins outside the filament/ namespace. Review the source and install at your own risk. Found malware or an unresolved security issue the author won't address? Report it .
JCCoca avatar Author: JCCoca

Documentation

V1 of the package, built for Filament 5.

#Overview

filament-json-column provides a compact JSON viewer and editor for Filament 5 forms and infolists. It is intended for JSON or array cast attributes in your Eloquent models.

#Installation

composer require jccoca/filament-json-column

#Usage

Add the component to a Filament 5 schema.

use Filament\Schemas\Schema;
use JCCoca\FilamentJsonColumn\JsonColumn;
use JCCoca\FilamentJsonColumn\JsonInfolist;

public static function form(Schema $schema): Schema
{
    return $schema->schema([
        JsonColumn::make('example'),
    ]);
}

public static function infolist(Schema $schema): Schema
{
    return $schema->schema([
        JsonInfolist::make('example'),
    ]);
}

The form component provides both a viewer and an editor, with automatic JSON validation.

#Compatibility

  • Filament 5.x
  • PHP 8.2+
  • Laravel 12.x

#Credits

Inspired by Pretty JSON and JSONeditor. Original code base created by valentin-morice.

This package loads JSONEditor from a CDN. See THIRD_PARTY_NOTICES.md for third-party notices.

#License

The package code is released under the MIT License. See LICENSE.md for details.

The author

JCCoca avatar Author: JCCoca

Full Stack Developer | PHP & Laravel Specialist | FilamentPHP • Livewire • Vue.js • JavaScri

Plugins
1
Stars
1