Toggle between three options

[dowanx]

Is there a way to toggle through three options?

Here is my HTML

<div class="pretty plain toggle">
                  <input type="checkbox"/> 
                  <label><i class="mdi mdi-thumb-up success"></i> PM</label>
                  <label><i class="mdi mdi-thumb-up success"></i> Planned WO</label>
                  <label><i class="mdi mdi-thumb-down danger"></i> Unplanned WO</label>
</div>

[lokesh-coder]

I am sorry @dowanx , I dont think that is possible without JS. :(

Even with JS, to achieve this, checkboxes to be overlapped one top of another, to give a impression as one button ( like showing one hiding others ) . And it might create bit confusions when using with different Javascript libraries.

[lokesh-coder]

Closing now, But feel free to open if you got any questions.

And, I have updated the repo to version 3 which has a feature to add third icon for indeterminate state. It might give you an idea. Here's the documentation

Thanks!