Bedrock + Material Design

Lists

MDC List provides styles which implement Material Design Lists - “A single continuous column of tessellated subdivisions of equal width.” Both single-line and two-line lists are supported (with three-line lists planned). MDC Lists are designed to be accessible and RTL aware.

Default List

#

A default list.

  • PhotosJan 9, 2014info
  • RecipesJan 17, 2014info
  • WorkJan 28, 2014info

Single list

#

A single list. Text only, non-interactive (no states).

  • Single-line item
  • Single-line item
  • Single-line item

Single list (dense)

#

A densed single list. Text only (dense).

  • Single-line item
  • Single-line item
  • Single-line item

Graphic list

#

A graphic list. Graphic example - Icon with Text

  • Wi-Fi
  • Bluetooth
  • Data Usage

Avatar lists

#

An avatar list.

Example - Avatar with Text

  • Woman 1Yvonne Mccoy
  • Woman 2Joanne Horton
  • Woman 3Hannah Reyes

Metadata lists

#

A metadata list.

  • Single-line item$10.00
  • Single-line item$20.00
  • Single-line item$30.00

Avatar + metadata list

#

An avatar and metadata list.

  • Single-line item$10.00
  • Single-line item$20.00
  • Single-line item$30.00

Two line list

#

A two line list.

  • Two-line itemSecondary text
  • Two-line itemSecondary text
  • Two-line itemSecondary text

Combination list

#

A combination list.

  • PhotosJan 9, 2014info
  • RecipesJan 17, 2014info
  • WorkJan 28, 2014info

Custom list

#

A custom list.

Folders

  • PhotosJan 9, 2014info
  • RecipesJan 17, 2014info
  • WorkJan 28, 2014info

Files

  • Vacation ItineraryJan 10, 2014info
  • Kitchen RemodelJan 20, 2014info

Prototype navigation

Press Ctrl + M to toggle this navigation or click here.