PF-Dropdown

beta

Introduction

Taaaaaaabs

Examples

Basic example

<details class="pf-dropdown">
      <summary>
        <svg class="icon-svg">
          <use xlink:href="/v2.8/assets/images/icons/sprite.svg#user" />
        </svg>
        <span>Testemail@prodigyfinance.com</span>
      </summary>
      <section>
        <ul>
          <li>
            <a href="#" role="menuitem">
              <svg class="icon-svg">
                <use xlink:href="/v2.8/assets/images/icons/sprite.svg#home" />
              </svg>
              <span>Home</span>
            </a>
          </li>
          <li>
            <a href="#" role="menuitem">
              <svg class="icon-svg">
                <use xlink:href="/v2.8/assets/images/icons/sprite.svg#dashboard" />
              </svg>
              <span>Account settings</span>
            </a>
          </li>
          <li>
            <a href="#" role="menuitem">
              <svg class="icon-svg">
                <use xlink:href="/v2.8/assets/images/icons/sprite.svg#signout" />
              </svg>
              <span>Sign out</span>
            </a>
          </li>
        </ul>
      </section>
    </details>
    

Dependencies

• src/styles/base/*.scss
• src/styles/components/blocks/_pf-dropdown.scss

Usage