# \[ANNOUNCE\] node-red-contrib-ui-multistate-switch: version 1.1.0

**URL:** <https://discourse.nodered.org/t/announce-node-red-contrib-ui-multistate-switch-version-1-1-0/42034>\
**Category:** Share Your Nodes\
**Created:** [4 March 2021 16:52 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-multistate-switch-version-1-1-0/42034 "2021-03-04T16:52:25Z")\
**Posts on this page:** 1\
**Showing post:** 15

<div class="post-metadata">

**Author:** ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)\
**Post date:** [11 March 2021 19:55 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-multistate-switch-version-1-1-0/42034/15 "2021-03-11T19:55:26Z")

</div>

The border around the buttons makes the "switch-like" look for widget. But technically it is nav-bar or menu. So it is highly possible to get much better results if to use dedicated components

> [@Feature Request - Off - Auto - On Toggle](https://discourse.nodered.org/t/feature-request-off-auto-on-toggle/40837/20):
>
> There is also md-nav-bar which is by nature the correct thing to be base of the this thing here. [{"id":"778d7358.63fecc","type":"ui\_template","z":"a05ff4cd.1ae7e8","group":"19f5ed07.08a453","name":"nav-bar","order":12,"width":0,"height":0,"format":"\<style\>\n.\_md-nav-bar-list {\n flex-direction: row;\n justify-content: flex-start;\n}\nli.md-nav-item {\n width: 100%;\n}\n.md-nav-item:first-of-type {\n margin-left: 0px; \n}\nmd-nav-bar \> div \> nav \> ul \> li \> button{\n width:98%;\n…

---

_[View the full topic](https://discourse.nodered.org/t/announce-node-red-contrib-ui-multistate-switch-version-1-1-0/42034)._