Paragraph
Paragraph
Authored prose block surfaces.
Root
qp-paragraph
Root prose block.
Modifiers
Alignment
Authored Paragraph alignment mapping.
- left — qp-paragraph--left
- center — qp-paragraph--center
- right — qp-paragraph--right
- justify — qp-paragraph--justify
Example
Rendered HTML
<p class="qp-paragraph qp-paragraph--left"><em>Explore</em> <strong>together</strong> <svg class="qp-icon qp-inline-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path fill="currentColor" d="M3 3h8v8H3V3zm2 2v4h4V5H5zm8-2h8v8h-8V3zm2 2v4h4V5h-4zM3 13h8v8H3v-8zm2 2v4h4v-4H5zm8-2h8v8h-8v-8zm2 2v4h4v-4h-4z"/></svg> <a href="https://example.com" target="_blank" rel="noopener">Join us</a></p>
Preview
Explore together Join us