Change Label Position on <Switch />

[JaredDeanFP]

Is there a simple way to change the Switch's label from being on the right to being on the left?

What its doing:

What I want:

[reidbarber]

For React Aria Component's Switch, you control what gets rendered as the visual indicator. In the docs example, you would move the indicator after the label:

<Switch>
  Low power mode
  <div className="indicator" />
</Switch>

If you want to support both cases, you could make a prop on your wrapper that flips their positioning in render, or with CSS (i.e. flex-direction: row-reverse, or CSS grid)

[JaredDeanFP]

Ah, now I feel foolish 😆 thank you