Gate

Show an affordance when a condition holds. A Noul, read as a probability.

LIVE DEMO →reveal only the fields that apply

<Gate
  ask="Does the shipment in `data.order` cross an international border?"
  data={{ order }}
  threshold={0.6}
>
  <CustomsFields />
</Gate>

prop	type	what it does
ask	string	A yes/no condition about the state.
threshold	number	Probability at or above which the gate opens. Default 0.5.
otherwise	ReactNode	Rendered when the gate stays closed.
onProbability	(p) => void	The raw probability, for your own logic.

A Noul near 0.5 means yes and no are equally likely — it does not mean "medium intensity". If you want intensity, you want a Score with defined levels.

Gates add; they do not hide

Use a Gate to reveal an optional field, a hint for someone who looks stuck, or an advanced panel. Do not use one to hide primary content: content removed by a judgment is an accessibility and SEO problem, and it is invisible to exactly the person who needed it.

The gate stays closed while resolving

An affordance that flashes in and then out is worse than one that arrives late, so nothing renders until the answer is in.