<lightning:input type=“toggle”> how to set the slds-checkbox--on and the slds-checkbox--off span text

Question

I am using lightning:input type="toggle" base component and I need to set the text underneath the toggle button.

By default checked displays Active:

And unchecked displays Inactive:

Here is my code:

<lightning:input type="toggle"
                 label="My Label: "
                 name="toggle"
                 checked="{!v.record.myCheckbox__c}"/>

I want to change these messages and cannot find a way to do it - is there a way?

Answer 1

Use messageToggleActive and messageToggleInactive:

<lightning:input name="x"
                 label="x"
                 type="toggle"
                 messageToggleActive="Done"
                 messageToggleInactive="Not Done" />

---

---