Логотип Berry CSSBerry CSS 4.2

Компонент dropdown1 components

HTML-код:

<link rel="stylesheet" href="/assets/components/dropdown1/dropdown1.css">
<script src="/assets/components/dropdown1/dropdown1.js"></script>
<link rel="stylesheet" href="/assets/fa5/css/all.min.css"> <!-- для FA5 иконки -->

<div class="dropdown">
  <button onclick="dropdownToggle(this, 'myDropdown1')" class="dropdown-button button button1 ">Dropdown<i class="fas fa-angle-down mar10-l" style="pointer-events: none;"></i></button>
  
  <div id="myDropdown1" class="dropdown-content">
      <ul class="dropdown-menu">
        <li><a href="#">Link 1</a></li>
        <li><a href="#">Link 2</a></li>
        <li><a href="#">Link 3</a></li>
      </ul>
  </div>
</div>

<div class="dropdown">
  <button onclick="dropdownToggle(this, 'myDropdown2', 'right')" class="dropdown-button button button2">Dropdown <i class="mar10-l fas fa-angle-right" style="pointer-events: none;"></i></button>
  
  <div id="myDropdown2" class="dropdown-content pad40 w300px">
        Quisque vehicula neque id...
  </div>
</div>