Filling Angular Material custom elements Pro only

If you are trying to fill forms that contain custom elements created with Angular Materialopen in new window library, you will have to enable the Angular Material custom integration in Fake Data.

In order to do this, please follow the next steps:

  • Open Fake Data's options page.
  • Go to Settings -> Developer Options -> Custom Integrations.
  • Toggle on the "Angular Material" option.
  • Press the Save button on the bottom of the page to save your setting.

After doing this, you should be able to properly fill and manage elements created with Angular Material.

The following elements are supported at this time:

  • mat-checkbox
  • mat-slide-toggle
  • mat-radio-button
  • mat-select


Make sure to refresh the page containing the dropdowns after enabling this setting, in case you already had it opened in a different browser tab.

Below is a video example on how to enable and fill these dropdowns: