title: COREUI sidebar minimizer and dropdown is not working
body: <p>I have to customize sidebar that is provided by COREUI 4.x theme. Below is the code for my sidebar</p>
  <pre><code>&lt;div class=&quot;app-body&quot;&gt;
    &lt;div class=&quot;sidebar&quot;&gt;
      &lt;nav class=&quot;sidebar-nav&quot;&gt;
        &lt;ul class=&quot;nav&quot;&gt;
          &lt;li class=&quot;nav-item&quot;&gt;
            &lt;a
              class=&quot;nav-link&quot;
              routerLink=&quot;/dashboard&quot;
              [routerLinkActive]=&quot;['active']&quot;
              [routerLinkActiveOptions]=&quot;{ exact: true }&quot;
            &gt;
              &lt;i class=&quot;icon-speedometer&quot;&gt;&lt;/i&gt; Dashboard
            &lt;/a&gt;
          &lt;/li&gt;
          &lt;li class=&quot;nav-item&quot;&gt;
            &lt;a
              class=&quot;nav-link&quot;
              href=&quot;#&quot;
              routerLink=&quot;/alerts-configuration&quot;
              [routerLinkActive]=&quot;['active']&quot;
              [routerLinkActiveOptions]=&quot;{ exact: true }&quot;
            &gt;
              &lt;i class=&quot;icon-layers&quot;&gt;&lt;/i&gt; Alert Configuration
            &lt;/a&gt;
          &lt;/li&gt;
          &lt;li
            class=&quot;nav-item nav-dropdown&quot;
            dropdown
            [routerLinkActive]=&quot;['active']&quot;
            [routerLinkActiveOptions]=&quot;{ exact: true }&quot;
          &gt;
            &lt;a class=&quot;nav-link nav-dropdown-toggle&quot;&gt;
              &lt;i class=&quot;icon-puzzle&quot;&gt;&lt;/i&gt;Administration
            &lt;/a&gt;
            &lt;ul class=&quot;nav-dropdown-items&quot;&gt;
              &lt;li class=&quot;nav-item&quot;&gt;
                &lt;a
                  class=&quot;nav-link&quot;
                  routerLink=&quot;/device-management/devices&quot;
                  [routerLinkActive]=&quot;['active']&quot;
                  [routerLinkActiveOptions]=&quot;{ exact: true }&quot;
                &gt;
                  &lt;i class=&quot;&quot;&gt;&lt;/i&gt;Devices Management
                &lt;/a&gt;
              &lt;/li&gt;
              &lt;li class=&quot;nav-item&quot;&gt;
                &lt;a
                  class=&quot;nav-link&quot;
                  routerLink=&quot;/sites&quot;
                  [routerLinkActive]=&quot;['active']&quot;
                  [routerLinkActiveOptions]=&quot;{ exact: true }&quot;
                &gt;
                  &lt;i class=&quot;icon-settings&quot;&gt;&lt;/i&gt;Sites Management
                &lt;/a&gt;
              &lt;/li&gt;
            &lt;/ul&gt;
          &lt;/li&gt;
        &lt;/ul&gt;
      &lt;/nav&gt;
      &lt;button class=&quot;sidebar-minimizer brand-minimizer&quot; type=&quot;button&quot;&gt;&lt;/button&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>Now when I try to click on <strong>Administration</strong>, it wont open the dropdown and also when I try to minimize from the arrow on the bottom, this wont work as well. Please help!</p>
  <p><a href="https://i.stack.imgur.com/nWwgO.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/nWwgO.png" alt="enter image description here" /></a>
  <a href="https://i.stack.imgur.com/AJu1y.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/AJu1y.png" alt="enter image description here" /></a></p>