Skip to Content



Mixin — is a powerful feature that allows you to override or disable any built-in or third-party Breeze component.

The syntax is:

$.mixin('componentName|component', propsToExtend);


Where to place my custom scripts?

When creating mixin, you need to set mixins property in breeze_default.xml file. For example, if you are writing mixin for collapsible component, you must register it:

<referenceBlock name="breeze.js">
    <argument name="bundles" xsi:type="array">
      <item name="default" xsi:type="array">
        <item name="items" xsi:type="array">
          <item name="my-mixins" xsi:type="array">
            <item name="path" xsi:type="string">Vendor_Module/js/breeze/mixins-file</item>
            <item name="mixins" xsi:type="array">
              <item name="collapsible" xsi:type="string">collapsible</item>

And here is the contents of Vendor_Module/js/breeze/mixins-file:

$.mixin('collapsible', {
    create: function (parent) {

    someMethod: function (parent, arg1, arg2) {
        parent(arg1, arg2);

You can also use mixin to disable component:

$.mixin('quickSearch', {
    component: false