Goerp style

Accordion

Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Donec id elit non mi porta gravida at eget metus. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Maecenas sed diam eget risus varius blandit sit amet non magna. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porta sem malesuada magna mollis euismod.


        <section class="accordion-block">
        <div class="accordion-row">
            <h3>
                <div class="aligner aligner--spaceBetween">
                    <p>Accordion</p>
                    <span class="icon-Chevron-Down"></span>
                </div>
            </h3>
            <div class="accordion-content">
                    <p>
                        Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh,
                        ut fermentum massa justo sit amet risus. Donec id elit non mi porta
                        gravida at eget metus. Morbi leo risus, porta ac consectetur ac,
                        vestibulum at eros. Maecenas sed diam eget risus varius blandit sit amet
                        non magna. Praesent commodo cursus magna, vel scelerisque nisl
                        consectetur et. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                        Etiam porta sem malesuada magna mollis euismod.
                    </p>
            </div>
        </div>
        </section>

Accordion menu

General Setup

Log Extract

Installer

Micro-servie Manager


    <div class="sidebar">
  <section class="accordion-block">
    <div class="accordion-row">
      <button class="accordion-trigger">
        <div class="aligner aligner--contentStart">
          <span class="icon-Settings-2"></span>
          <span class="margin-left-4">General Setup</span>
        </div>
        <span class="icon-Chevron-Down"></span>
      </button>
      <div class="accordion-content">
        <p class="text-medium">General Setup</p>
        <br>
        <p class="text-medium">Log Extract</p>
      </div>
    </div>
      <button class="accordion-trigger-none">
        <div class="aligner aligner--contentStart">
          <span class="icon-Document-Text"></span>
          <span class="margin-left-4">Log Extract</span>
        </div>
      </button>
    <button class="accordion-trigger-none">
        <div class="aligner aligner--contentStart">
          <span class="icon-Documents"></span>
          <span class="margin-left-4">ODS</span>
        </div>
      </button>
     <div class="accordion-row">
      <button class="accordion-trigger">
        <div class="aligner aligner--contentStart">
          <span class="icon-POS-Terminal-Filled"></span>
          <span class="margin-left-4">Hardware</span>
        </div>
        <span class="icon-Chevron-Down"></span>
      </button>
      <div class="accordion-content">
        <p class="text-medium">Installer</p>
        <br>
        <p class="text-medium">Micro-servie Manager</p>
      </div>
    </div>
  </section>
</div>