Allow to hide/show inputs when a boolean is toggled

Let’s say I have this form:

[ ] Enable SMS? (Boolean)
[ ] Phone Number Required (Boolean)

But I only want to present the Phone Number Required when the Enable SMS is true because otherwise, the input doesn’t make sense.

My first thought at schema level would be something like:

"enable_sms": {
  "type": "boolean"
},
"require_phone_number": {
  "type": "boolean",
  "x-render-only-if": "enable_sms"
}

Or something in that sense, the property would specify the one that needs to be “true” to render it.

I’m simplifying here with two inputs but our case includes half a dozen fields that could be hidden.

[albanm]

I just published the conditional subschema functionality, please have a look here.

I marked it as beta as I still need to think about it and maybe reconsider the implementation. But for simple use-cases like a boolean switch it is safe to use it.

[sobrinho]

Oh, I see! I didn’t check that the if/then/else was in the JSON spec, in that case, makes more sense to follow it. Thanks! ❤️