Hide custom component if content is 0 or empty

Can someone help me with a custom component.
I have tried in many ways, asked ChatGPT, using handlebars.js helpers to hide the custom component if the field to be shown is 0 or empty. Nothing worked.
Then I tried simply using TB.hideComponent to hide the component, and even that didn’t work.

Who can help me with this: When a field inside the custom component is 0 or empty, then it should be hidden.

This like explained here for normal components:


Solved it myself.
I found a “Build it with Tim” with the answer.

{{#each records}}

{{#is field_2778 "0"}}
    <a href="https://mylink" class="box-link">
        <div class="box">
            <p>Tasks: {{field_2778}}</p>

.box {
  border: 1px solid blue;
  width: 100%;
  height: 89px ;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1em;

.box-link {
  display: block;
  text-decoration: none;

Source: Family Planner (pt. 2)... | Tadabase