KeyValue

use Filament\Forms\Components\KeyValue;

KeyValue::make('metadata')

KeyValue::make('metadata')
    ->keyLabel('Property')
    ->valueLabel('Value')
    ->reorderable()

KeyValue::make('settings')
    ->keyLabel('Setting')
    ->valueLabel('Value')
    ->keyPlaceholder('Setting name')
    ->valuePlaceholder('Setting value')
    ->addActionLabel('Add setting')

KeyValue::make('attributes')
    ->keyLabel('Attribute')
    ->valueLabel('Value')
    ->reorderable()
    ->addActionLabel('Add attribute')

KeyValue::make('social_links')
    ->editableKeys(false)
    ->default([
        'twitter' => '',
        'facebook' => '',
        'instagram' => '',
        'linkedin' => '',
    ])

use Illuminate\Database\Eloquent\Model;

class Product extends Model
{
    protected function casts(): array
    {
        return [
            'metadata' => 'array',
        ];
    }
}