How to disable animation on collapsible component.

[leonardodelfino]

Hi, I would like to know how to disable animation in the collapisible component. I’m using version 0.13 of the framework.

Thanks!

[cklinx]

Should be:

<q-collapsible disable icon="shopping_cart" label="Third">
    <div>
      Content
    </div>
  </q-collapsible>

“disable” is the solution, but i am not sure that it works on your quasar version.

[leonardodelfino]

But use disable, will disable the entire component or just the animations? I want the expand/close effect to continue working, but remove only the animation that is giving lag on some devices that I tested,

[cklinx]

Lag is created by animation. With disable you disable just the collapsible animation and you see the Object opened.
here the code:

<q-collapsible disable opened icon="shopping_cart" label="Third">
    <div>
      Content
    </div>
  </q-collapsible>

if you want keep the animation you can try “icon-toggle” option. The performance wille be better but, for me, not enough. In fact i disable whole animation in my applications.

<q-collapsible opened icon-toggle icon="shopping_cart" label="Third">
    <div>
      Content
    </div>
  </q-collapsible>