I have a lightning component for my Save and Submit buttons. I thought I will need to add a design attribute and made the following changes:
<design:component> <design:attribute name="taxRate" label="Tax Rate in %"/> .... </design:component>
<aura:component controller="FormController" implements="flexipage:availableForAllPageTypes,force:appHostable" access="global"> <aura:attribute name="taxRate" type="String" access="global"/> .... </aura:component>
After applying these changes, I found another method that renders this attribute useless. In the process of reverting the aforementioned changes returns the following error:
Failed to save undefined: Cannot remove design attributes when the component implements a Lightning Page interface.: Source
How do I remove a design:attribute and it's corresponding aura:attribute?
I tried to follow the tips in this link: Tips and Considerations for Configuring Components for Lightning App Builder
Also tried removing the component from the lightning apps before trying again without success.