title: Hiding UI components when a condition is met
body: <p>When a user clicks on one of the three button I need to apply the <code>Class</code> <code>active</code> (By default the first button is in '<code>active</code>' status).</p>
  <p>How can I do this ?</p>
  <pre><code>&lt;button class=&quot;nav-link active&quot; &gt; one &lt;/button&gt;
  &lt;button class=&quot;nav-link &quot; &gt; two &lt;/button&gt;
  &lt;button class=&quot;nav-link &quot; &gt; three&lt;/button&gt;
  </code></pre>