Switch Button

1
Hi all, Do we have a button which looks like this as shown below…!   Thanks in advance
asked
2 answers
1

Hi Umamaheswara, 

This is not possible out of the box but you could style it yourself. The bootstrap radio button group is a good starting point to achieve this: 

https://getbootstrap.com/docs/5.0/components/button-group/#checkbox-and-radio-button-groups

 

 

Maybe an easier solution would be to place 3 buttons next to each other and put the btn-group on the parent container. This will look like this:

Then create a toggle for each button, that sets the value of an underlying enumeration. You can then also change the color based on which value is currently selected. Takes quite a few micro / nanoflows but it might be easier than to style radio buttons as the above example. It will also work a little less smooth than actual radio buttons.

 

Good luck!

answered
0

Hi,

I couldn’t see the image you’ve uploaded in your post, are you looking for something different to the standard switch input element that’s available?

answered