Divider

List items with dividers: Use pam-Item to wrap one or more pam-Tiles and apply a pam-Divider after each item.

Item content

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 pam-Divider="inset"></div>
    <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 pam-Divider="inset"></div>
    <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>