Auto-Fill Form Inputs From 3rd-Party API

Filament 4

Demonstrates automatic form population using external or internal API data. In this implementation, selecting an address triggers Filament to automatically populate individual address components into their respective input fields.

WZDe1hdgCYRU8Cyjajj01hhT2gZw7m-metaU2NyZWVuc2hvdCAyMDIzLTEwLTEzIGF0IDExLjIxLjQyLnBuZw==-

Get the Source Code:

How it works

This example uses the CustomerResource where it has a select input called address in the form.

This address select input has a live() so that after a value is selected, the server request would be sent, and other input values would be set.

The dehydrated(false) is used because this field value doesn't need to be sent when the form is saved or updated.

The ->validatedWhenNotDehydrated(false) is used because this field isn't needed to be validated.

The searchable() method allows select input to be searchable.

To have a custom search, we use the getSearchResultsUsing() method and call a getAddress method from the AddressesService internal service.

The FULL tutorial is available after the purchase: in the Readme file of the official repository you would get invited to.
Get the Source Code: All 113 Premium Examples for $99