Conditional Rendering

Just like JSX, you can use the if-else statement to conditionally render components.

let count = 0;

$app([Basics], _ => {
  _.p(`Count is: ${count}`);

  _.button(`Add`) && count++;

  if (count > 0) {
    _.button("Reset") && (count = 0);
  }
});

Result

TIP

You can also use the && operator to conditionally render components:

input.length > 0 && _.button("Clear");