Two line

Two-line list items contain a maximum of two line of text.

  • Line Item Secondary text
  • Line Item Secondary text
  • Line Item Secondary text
Markup

Toggle example guides Toggle HTML markup 

<ul pam-List="2-line" pam-border="w:px">
    <li pam-List-Item>
        <span pam-List-Item-Text>
            <span pam-List-Item-Text-Primary>Line Item</span>
            <span pam-List-Item-Text-Secondary>Secondary text</span>
        </span>
    </li>
    <li pam-List-Item>
        <span pam-List-Item-Text>
            <span pam-List-Item-Text-Primary>Line Item</span>
            <span pam-List-Item-Text-Secondary>Secondary text</span>
        </span>
    </li>
    <li pam-List-Item>
        <span pam-List-Item-Text>
            <span pam-List-Item-Text-Primary>Line Item</span>
            <span pam-List-Item-Text-Secondary>Secondary text</span>
        </span>
    </li>
</ul>