Magento 2: UI Components Debug Reference Sheet

README.md

Magento 2: UI Components Debug Reference Sheet

Here are some examples of how to debug UI Components in Magento 2.

Get all UI Components registered on the page

require('uiRegistry').get(ui => console.log(ui.name));

Inspect a single given component

require('uiRegistry').get('checkout.sidebar.guarantee');

Query by a specific property

require('uiRegistry').get('parentName = checkout.sidebar');

Search by multiple props, returns first matching instance

require('uiRegistry').get('parentName = checkout.sidebar, index = guarantee');

Use conditional logic to return more than one match

require('uiRegistry').get(
  ui => ui.parantName == 'checkout.sidebar' && console.log(ui.name)
);