For this component::

<lightning-input type="toggle" ...></lightning-input>

the "Inactive" and "Active" text appears to be fixed:

Active and Inactive example

Is it? Is coding this up per the SLDS documentation the only way to change it?

1 Answer 1


As per the documentation use the:

  • message-toggle-active
  • message-toggle-inactive

Attributes on the lightning-input itself to define the text.

  • Duh - thought I'd looked but obviously not. Thank-you.
    – Keith C
    Jun 30, 2020 at 14:34

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .