Quote

In progress

Quote allows highlighting a manually picked text quote in the narrow column of two column layout of a content page. NOTE! Character limit: 300

Examples

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut blandit neque nec dolor porttitor lacinia. Mauris porta mi eget nibh rutrum gravida eu id nisl. Ut eget semper augue, sit amet rutrum enim. Nullam finibus iaculis magna, nec vulputate tellus accumsan non.

Some quote content.

<hy-quote quote-signature="Lisa-John Down">
  <p>
    Lorem ipsum dolor sit <strong>amet</strong>, consectetur adipiscing elit. Ut blandit neque nec dolor
    porttitor lacinia. Mauris porta mi eget nibh rutrum gravida eu id nisl. Ut eget semper augue, sit amet
    rutrum enim. Nullam finibus iaculis magna, nec vulputate tellus accumsan non.
  </p>
  Some quote content.
</hy-quote>

Properties

Property	Attribute	Description	Type	Default
quoteSignature	quote-signature	Quote signature: Author's name etc	string	undefined

Dependencies

Depends on

• hy-icon

Graph

graph TD;
  hy-quote --> hy-icon
  style hy-quote fill:#f9f,stroke:#333,stroke-width:4px

---

Helsinki University Design System