Invoice Editor with Items

Filament 4/5

This project illustrates the use of Repeater fields combined with live/reactive methods to build an invoice form featuring parent-child record relationships and real-time subtotal and total calculations.

AIx7w1ecv0WYnWJ3AWoCGj8g6Z9Lcn-metaMTItaW52b2ljZS1lZGl0b3ItaXRlbXMucG5n-

Get the Source Code:

Only This Example

One-time payment

Full source code for Invoice Editor with Items

Downloadable ZIP file with the source code

Lifetime access to this example

Best value — all 177 examples

FilamentExamples Membership

$99 /year

$199 lifetime

Access to code of all 177 examples

Future new examples and updates included

FilaCheck Pro package licence included

MCP server included

View membership plans

30-day money-back guarantee

How it works

The main logic lives in our InvoiceResource and is mainly contained within the form() method:

Using a Repeater field to allow adding multiple items
Using the live() method to calculate the subtotal and total in real time
Using a custom function to trigger calculations on items list change, quantity change
Disabling options in real-time to prevent duplicate items from being added

Here's how it looks in the code:

The FULL tutorial is available after the purchase: in the Readme file of the official repository you would get invited to.