Conditional Fields Form
Alert rule form where a channel Select reveals dependent fields, with the email branch shown expanded.
Alert rule form where a channel Select reveals dependent fields, with the email branch shown expanded.
The Application Collection unlocks the source for every Application block. All Access unlocks every Collection.
Already purchased? Log in
Conditional Fields Form is the alert notification rule blueprint, showing how a channel Select drives which dependent fields appear. Trigger event is set to Deploy failed. Notify via is set to Email, and the email branch renders expanded inside a rounded border: recipient address (priya@acme.com), delivery note (under 30 seconds, check spam after 5 minutes), and optional subject prefix ([Acme Alerts]). The webhook branch is shown collapsed as a muted callout describing what would appear if the select switched: a URL field, a secret header for payload signing, and a 10-second response requirement.
The form is static markup; the two branches are both rendered, one expanded and one collapsed, so the blueprint shows both states without client state. The webhook callout copy is honest about the exact delivery contract.
Reach for this block when building alert rules, integration setup, or any form where one field controls which subsequent fields are relevant. Wire the Select to useState and toggle branch visibility in the live implementation.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the deployment alert rule form. Other conditional-field surfaces:
Tip: show the collapsed branch as a hint so users know what switching the select will reveal before they click.