Toggle on-disabled just looks disabled

[designertyler]

@Roninnanaki commented on Wed May 27 2020

Hi,

I am looking at creating an experience using toggles to determine if a service is going to be installed, active, off, or forced on. I continue to get feedback from my team and potential end-users that the toggles that are on and disabled just look like they are disabled.

Here is an example of the design that we are looking to implement. The last item for Auditing is on and disabled because the user cannot change this due to another setting or policy in the account.

I did take a look at the toggle page in carbon and didn't see any documentation for the on-disabled state. I found this state through the Sketch library.

Lastly, just to share an exploration here is some idea I put together as a solution based on the feedback/suggestions I heard from my design team.

---

@eraymond25 commented on Wed May 27 2020

+1 to this

here is another available option

and heads up we're trying to release this in the next few months so would love to collab on a more clear disabled on state asap

[emyarod]

This proposal has been accepted, just need component spec updates from our designers before development begins

[aagonzales]

Let's go with the below direction. Add checkmark to disabled:on using $disabled-01 color.

[luizamendes]

Hello. I would like to take this issue, if that's okay. This will be my first time contributing, what should I do next? Thanks

[tw15egan]

Awesome @luizamendes ! I'd start by taking a look at https://github.com/carbon-design-system/carbon/blob/master/.github/CONTRIBUTING.md#start-contributing

[luizamendes]

@tw15egan I have forked the repo and followed the instructions. How can I have this issue assigned to me?

[tw15egan]

Done 👍