Conditions

Conditions evaluates visibility and state rules as the form changes, then applies the resulting hide or show behavior.

Events

The formie:conditions:evaluated event

Triggered after Formie has evaluated conditional logic for a field or form-state change.

Formie itself mirrors hidden state with data-formie-conditionally-hidden on affected nodes. If you also want your own project-specific hook, mirror the result into a separate class:

document.addEventListener('formie:conditions:evaluated', (event) => {
  const { node, shouldHide } = event.detail;

  // Add your own project-specific state hook.
  if (node instanceof HTMLElement) {
    node.classList.toggle('is-conditionally-hidden', shouldHide);
  }
});

The formie:module:conditions:init event

Triggered after the conditions module has initialized and is ready to evaluate rules.

document.addEventListener('formie:module:conditions:init', (event) => {
  // Helpful when you need to know the conditions system is active.
  console.log('Conditions module ready:', event.detail.count);
});

The paired destroy event is formie:module:conditions:destroy.

Related pages

• Overview
• JavaScript events
• Manual initialization