Two Line with Icons
Use pam-List-Item-Primary and pam-List-Item-Secondary to add leading and trailing icons.
- Line Item Secondary text
- Line Item Secondary text
- Line Item Secondary text
Markup
<ul pam-List="2-line" pam-border="w:px">
<li pam-List-Item>
<span pam-List-Item-Primary class="material-icons">event</span>
<span pam-List-Item-Text>
<span pam-List-Item-Text-Primary>Line Item</span>
<span pam-List-Item-Text-Secondary>Secondary text</span>
</span>
<span pam-List-Item-Secondary class="material-icons">help</span>
</li>
<li pam-List-Item>
<span pam-List-Item-Primary class="material-icons">event</span>
<span pam-List-Item-Text>
<span pam-List-Item-Text-Primary>Line Item</span>
<span pam-List-Item-Text-Secondary>Secondary text</span>
</span>
<span pam-List-Item-Secondary class="material-icons">help</span>
</li>
<li pam-List-Item>
<span pam-List-Item-Primary class="material-icons">event</span>
<span pam-List-Item-Text>
<span pam-List-Item-Text-Primary>Line Item</span>
<span pam-List-Item-Text-Secondary>Secondary text</span>
</span>
<span pam-List-Item-Secondary class="material-icons">help</span>
</li>
</ul>