Using Paver as a Filament custom field — vanrossum.dev                    

       vanrossum.dev 

Article

Using Paver as a Filament custom field
======================================

 ![](https://vanrossum.dev/images/jeffrey-portrait.webp)By Jeffrey van Rossum

  [home](https://vanrossum.dev)/[posts](https://vanrossum.dev/posts)/using-paver-as-a-filament-custom-field 

 January 29, 2025 · 1 min read 

Using Paver as a Filament custom field
======================================

 ![Jeffrey van Rossum](https://vanrossum.dev/images/jeffrey.png)Jeffrey van Rossum

Product engineer

  share [ 𝕏 ](https://twitter.com/intent/tweet?url=https%3A%2F%2Fvanrossum.dev%2Fposts%2Fusing-paver-as-a-filament-custom-field&text=Using+Paver+as+a+Filament+custom+field) [ WhatsApp ](https://wa.me/?text=Using+Paver+as+a+Filament+custom+field+https%3A%2F%2Fvanrossum.dev%2Fposts%2Fusing-paver-as-a-filament-custom-field) [ LinkedIn ](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fvanrossum.dev%2Fposts%2Fusing-paver-as-a-filament-custom-field)

Today I wanted to see if I could get Paver working within Filament. It was pretty easy, let's go through the steps.

Install and setup Paver
-----------------------

First, you [install](https://pavereditor.com/docs/beta/laravel-installation) and [setup](https://pavereditor.com/docs/beta/laravel-setup) Paver as you would for any Laravel application.

Creating a Filament custom form field
-------------------------------------

Once you have done that, you can create a custom Filament form field:

```bash
php artisan make:form-field PaverEditor

```

Filament will generate a field component class and a view template. The latter should have the following contents:

```blade

```

Fixing issue with Alpine.js
---------------------------

Lastly, both Paver and Filament (through Livewire) use Alpine.js. To prevent it from being loaded twice, we need to disable it in the Paver config file. You can do that by setting `alpine` to false in the paver config file.

An unfortunate side effect is that Alpine is now not loaded in the editor frame anymore, but we still need it there. I recommend adding it through the frame head HTML. You can do this by creating a Blade view template and setting that as the `head_template` in the Paver config file.

 ![](https://vanrossum.dev/images/jeffrey.png)Questions or thoughts about this post?

 [say hi on 𝕏 →](https://x.com/jeffreyrossum) 

✍️ More posts

  [all posts →](https://vanrossum.dev/posts) 

 [ DocSigner: sign PDFs in your browser Jul 2026 ](https://vanrossum.dev/posts/docsigner-sign-pdfs-in-your-browser) [ I sold 143 licenses and never asked for feedback Jul 2026 ](https://vanrossum.dev/posts/i-sold-143-licenses-and-never-asked-for-feedback) 

   © 2026 Jeffrey van Rossum · [privacy](https://vanrossum.dev/privacy) · [terms](https://vanrossum.dev/terms) · [cookies](https://vanrossum.dev/cookies) [𝕏](https://x.com/jeffreyrossum) [YouTube](https://www.youtube.com/@jeffrey.rossum) [GitHub](https://github.com/jeffreyvr) [LinkedIn](https://www.linkedin.com/in/jeffrey-van-rossum-97b27321) [Instagram](https://www.instagram.com/jeffrey.rossum/) [Nomads](https://www.nomads.com/@jeffreyrossum/) [Unsplash](https://unsplash.com/@jeffreyrossum) 

 made with ☕