Three line

Use pam-Item to wrap one or more pam-Tiles. Add pam-Tile="top" to align the left tile and apply three rows of content.

Item content

Item content

Item content

Markup

Toggle example guides Toggle HTML markup

<div pam-List>
    <div pam-Item>
        <div pam-Tile="left top">
            <div sg-mock-icon></div>
        </div>
        <div pam-Tile="content">
            <h1 pam-typography="body-2">Item content</h1>
            <p>Item content</p>
            <p>Item content</p>
        </div>
    </div>
</div>