You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I'm wondering if there is a way to use the Toggle/Switch component as a 3-way switch. In other words it would have 3 states: true, false and null. What I am looking for is a toggle that can be checked with a green checkmark (true), or a red X (false) or not checked at all (null).
I suppose the values don't even have to be true, false and null. Image a UI element in an accounting software that can be toggled to indicate that a financial transaction is either cleared, reconciled or neither (null). Clicking on that element would just cycle through the states and the appearance of the element would change accordingly.
I suppose the RadioGroup component is the better choice, but I only want to display one option at a time. ie: a single element to click on.
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
-
I'm wondering if there is a way to use the Toggle/Switch component as a 3-way switch. In other words it would have 3 states: true, false and null. What I am looking for is a toggle that can be checked with a green checkmark (true), or a red X (false) or not checked at all (null).
I suppose the values don't even have to be true, false and null. Image a UI element in an accounting software that can be toggled to indicate that a financial transaction is either cleared, reconciled or neither (null). Clicking on that element would just cycle through the states and the appearance of the element would change accordingly.
I suppose the RadioGroup component is the better choice, but I only want to display one option at a time. ie: a single element to click on.
Thoughts?
Beta Was this translation helpful? Give feedback.
All reactions