SfSwitch - How to change hover color

I am overriding the default colors in the Material 3 theme in my app.  How can I override the default hover color on the SfSwitch control?  There does not appear to be an API or key (https://help.syncfusion.com/maui/themes/keys) for this.

Thanks,
Arthur


3 Replies

TA Tameem Ansari Yousoof Iqbal Syncfusion Team May 18, 2026 12:17 PM UTC

Hi Arthur,

Thank you for reaching out to us. In SfSwitch, hover state customization keys are currently available only for the Thumb, as listed below:

  • SfSwitchOnHoverThumbBackground
  • SfSwitchOnHoverThumbStroke
  • SfSwitchOffHoverThumbBackground
  • SfSwitchOffHoverThumbStroke

For the Track, common keys are currently used. However, the desired hover state behavior can be achieved through style customization.

We are planning to introduce dedicated hover state keys for the Track in an upcoming release.


Thank you for your patience and understanding.

Regards,
Tameem
 



AB Arthur Butler replied to Tameem Ansari Yousoof Iqbal May 18, 2026 12:44 PM UTC

Thank you, that works for me.

FYI, these are not documented at https://help.syncfusion.com/maui/themes/keys



SS Shyam Sundar Datchina Moorthy Syncfusion Team May 19, 2026 12:16 PM UTC

Hi Arthur,

 

You're welcome. Glad to hear that the SfSwitch hover customization worked well for your use case.

 

We will ensure that the mentioned hover-related keys are properly documented in the theme keys documentation, so it will be easier to discover and use them going forward.

 

Please feel free to reach out if you have any further questions or need additional assistance.

 

Regards,

Shyam Sundar D


Loader.
Up arrow icon