[jobelenus]

This shows in both the component page, and action page. Toggles without labels are unchanged in their display

[github-actions]

Dependency Review

✅ No vulnerabilities or OpenSSF Scorecard issues found.

Scanned Files

None

[wendybujalski]

Would be good UX if the label can take up the same amount of width in both states so that the toggle doesn't move around when you click on it. A simple way to achieve that would be to just have a prop for adding classes to the label itself, then giving it the appropriate fixed width class to fit both label texts.

[VictoriaMolgado]

A few tweaks:

• The label comes before the toggle because it changes length. Placing the label after the toggle creates a case where sometimes there's a space after queued but there's never a space after unqueued
• Space between the toggle and label can be slightly bigger, something equivalent to 8px
• We can label it "Unqueued" instead of "UnQueued"

On Figma, there was a color difference between queued and unqueued actions. This is a nice-to-have; we can proceed without it.