microsoft / microsoft/react-native-windows

Switch styles customization

Open
#15,418 2 comments 0 reactions 1 assignee View on GitHub

@vineethkuttan is already working on this.

Since Dec 2, 2025.

enhancement
Dominant language
C++
Stars
17.3k
Forks
1.2k
Avg merge
1d 13h
Merged PRs (30d)
33

Description

The current Switch component allows you to customize:

  • trackColor: just the background, depending on 'false' or 'true' values
  • thumbColor: if you need to change it depending on the same values allowed for the trackColor you need to create a local state to track if it's true or false (enabled or disabled)

The issue is that:

  1. There is no consistent way to define colors for true and false values, you need to add extra logic for the thumbColor
  2. The only thing you can customize is the background color, there is no option if you want to display just a border when the value is false to match a minimal design. You need to do a workaround if you want to add a custom border also depending on the value.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.