Lists

The v-list component is used to display information. It can contain an avatar, content, actions, subheaders and much more. Lists present content in a way that makes it easy to identify a specific item in a collection. They provide a consistent styling for organizing groups of text and images.

Dense list

REPORTS

Disabled list

REPORTS

Flat list

REPORTS

Dark list

REPORTS

Elevated list

REPORTS
REPORTS
REPORTS
REPORTS

Nav list

Rounded list

REPORTS

Shaped list

REPORTS

Sub group list

Home

Three line list

Inbox
Today
Brunch this weekend?
Ali Connors —I'll be in your neighborhood doing errands this weekend. Do you want to hang out?
Summer BBQ 4
to Alex, Scott, Jennifer — Wish I could come, but I'm out of town this weekend.
Oui oui
Sandra Adams — Do you have Paris recommendations? Have you ever been?
Birthday gift
Trevor Hansen — Have any ideas about what we should get Heidi for her birthday?
Recipe to try
Britta Holt — We should eat this: Grate, Squash, Corn, and tomatillo Tacos.

Two lines and subheader list

My files
Folders
Photos
Jan 9, 2014
Recipes
Jan 17, 2014
Work
Jan 28, 2014
Files
Vacation itinerary
Jan 20, 2014
Kitchen remodel
Jan 10, 2014

Expansion Lists list

Topics
Breakfast & brunch
New American
Sushi

Action and item groups list

Settings
User Controls
Content filtering
Set the content filtering level to restrict appts that can be downloaded
Password
Require password for purchase or use password to restrict purchase
General

Action stack list

Inbox

Card list list

Ali Conners
(650) 555-1234
Mobile
(323) 555-6789
Work
aliconnors@example.com
Personal
ali_connors@example.com
Work
1400 Main Street
Orlando, FL 79938

Simple avatar list list

Inbox
Jason Oner
Travis Howard
Ali Connors
Cindy Baker

Single line list list

New Chat
Recent chat
Jason Oner
Mike Carlson
Cindy Baker
Ali Connors
Previous chats
Travis Howard

Subheadings and dividers list

Settings
General
Profile photo
Change your Google+ profile photo
Show your status
Your status is visible to everyone
Hangout notifications