Socials | Quail Pages

Style Guide

Socials builder styling hook applied to its composed Menu.

Kind

Built Content

Documentation

Root

qp-socials

Menu root built from selected site social definitions.

Example

Rendered HTML

<nav class="qp-menu qp-socials" aria-label="Community links" data-qp-menu> <ul class="qp-menu__list"> <li class="qp-menu__item" data-qp-menu-item> <a class="qp-menu__link" href="https://example.com/community" aria-label="Example birding community" target="_blank" rel="noopener noreferrer"><svg class="qp-icon qp-menu__icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path fill="currentColor" d="M13.5 22v-8h2.7l.4-3H13.5V9.1c0-.9.3-1.5 1.5-1.5H16.7V4.9c-.3 0-1.5-.1-2.8-.1-2.8 0-4.7 1.7-4.7 4.8V11H6.6v3h2.6v8h4.3z"/></svg></a> </li> </ul> </nav>

Preview