List

Item 1

Item 2

 Single Action Checkboxes

{{ topping.name }}

Secondary Buttons

Clicking the button to the right will fire the secondary action

Click anywhere to fire the primary action, or the button to fire the secondary

 Clickable Items with Secondary Controls

{{ setting.name }}

Data Usage

 Checkbox with Secondary Action

{{message.title}}

 Avatar with Secondary Action Icon {{ person.name }}

{{ person.name }}

 3 line item {{item.who}}

{{ item.who }}

{{ item.what }}

{{ item.notes }}

 2 line item {{todos[0].who}}

{{ todos[0].who }}

Secondary text

 3 line item, long paragraph (see on mobile) {{todos[0].who}}

{{ todos[0].who }}

Secondary line text Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam massa quam. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

{{todos[1].who}}

{{ todos[1].who }}

Secondary line text Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam massa quam. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litra torquent per conubia nostra, per inceptos himenaeos.

Classes

{{ phone.number }}

{{ phone.type }}