Lists
Simple List
Bryan Cranston
Aaron Paul
Bob Odenkirk
Bryan Cranston
Aaron Paul
Bob Odenkirk
]]>
Icons
person
Bryan Cranston
person
Aaron Paul
person
Bob Odenkirk
person
Bryan Cranston
person
Aaron Paul
person
Bob Odenkirk
]]>
Avatars and actions
person
Bryan Cranston
star
person
Aaron Paul
star
person
Bob Odenkirk
star
person
Bryan Cranston
star
person
Aaron Paul
star
person
Bob Odenkirk
star
]]>
Avatars and controls
person
Bryan Cranston
person
Aaron Paul
person
Bob Odenkirk
mdl-radio, mdl-checkbox, mdl-switch {
display: inline;
}
person
Bryan Cranston
person
Aaron Paul
person
Bob Odenkirk
]]>
Two line
person
Bryan Cranston
62 Episodes
Actor
star
person
Aaron Paul
62 Episodes
star
person
Bob Odenkirk
62 Episodes
star
person
Bryan Cranston
62 Episodes
Actor
star
person
Aaron Paul
62 Episodes
star
person
Bob Odenkirk
62 Episodes
star
]]>
Three line
person
Bryan Cranston
Bryan Cranston played the role of Walter in Breaking Bad. He is also known
for playing Hal in Malcom in the Middle.
star
person
Aaron Paul
Aaron Paul played the role of Jesse in Breaking Bad. He also featured in
the "Need For Speed" Movie.
star
person
Bob Odenkirk
Bob Odinkrik played the role of Saul in Breaking Bad. Due to public fondness for the
character, Bob stars in his own show now, called "Better Call Saul".
star
person
Bryan Cranston
Bryan Cranston played the role of Walter in Breaking Bad. He is also known
for playing Hal in Malcom in the Middle.
star
person
Aaron Paul
Aaron Paul played the role of Jesse in Breaking Bad. He also featured in
the "Need For Speed" Movie.
star
person
Bob Odenkirk
Bob Odinkrik played the role of Saul in Breaking Bad. Due to public fondness for the
character, Bob stars in his own show now, called "Better Call Saul".
star
]]>
List components
| Component |
Description |
| mdl-list |
Basic container for any mdl-list component.
|
| mdl-list-item |
Defines a item in the list. The attribute lines will be used to specify of how many individual lines a list item consist.
You can use 1, 2 and 3. 1 is the default value.
|
| mdl-list-item-primary-content |
Defines the primary content sub-division.
|
| mdl-list-item-secondary-action |
Defines the Action sub-division. Needs a 2 or 3 line list-item.
|
| mdl-list-item-secondary-content |
Defines the secondary content sub-division. Needs a 2 or 3 line list-item.
|
| mdl-list-item-secondary-info |
Defines the information sub-division. Needs a 2 or 3 line list-item.
|
| mdl-list-item-sub-title |
Defines the sub title in the mdl-list-item-primary-content component.
|
| mdl-list-item-text-body |
Defines the text-section in the mdl-list-item-primary-content component.
|
Additional attributes for mdl-icon
These attributes can be used to style mdl-icons in lists
| Attribute |
Description |
| mdl-list-item-avatar> |
avatar icon.
|
| mdl-list-item-icon |
Small icon.
|
| mdl-ripple |
Add mdl-ripple to the mdl-list-item component to create a ripple effect. |