Three line

Three-line list items contain a maximum of three line of text.

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

Toggle example guides Toggle HTML markup 

<ul pam-List="3-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 pam-List-Item-Text-Secondary>Tertiary 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 pam-List-Item-Text-Secondary>Tertiary 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 pam-List-Item-Text-Secondary>Tertiary text</span>
        </span>
    </li>
</ul>