# How to change switch with three state (each state has special icon)

**URL:** <https://discourse.nodered.org/t/how-to-change-switch-with-three-state-each-state-has-special-icon/14381>\
**Category:** Dashboard\
**Created:** [16 August 2019 08:58 UTC](https://discourse.nodered.org/t/how-to-change-switch-with-three-state-each-state-has-special-icon/14381 "2019-08-16T08:58:49Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![316248269](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/316248269/32/10773_2.png) [@316248269](https://discourse.nodered.org/u/316248269)\
**Post date:** [16 August 2019 08:58 UTC](https://discourse.nodered.org/t/how-to-change-switch-with-three-state-each-state-has-special-icon/14381/1 "2019-08-16T08:58:49Z")

</div>

Hi:  
I have done a switch with two icons in the past for the true/false state.  
Now, I want to add a new state to the switch and give it a different icon. What should I do?  
But the switch seems to have only two states, so is it possible?

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [16 August 2019 09:11 UTC](https://discourse.nodered.org/t/how-to-change-switch-with-three-state-each-state-has-special-icon/14381/2 "2019-08-16T09:11:28Z")

</div>

Not by default - you would need to implement your own using the ui-template