arrow_back List
{{ folder.n }} {{ folder.d }} info

Custom Colors

Folders

{{ item.n }} {{ item.d }} info

Files

{{ item.n }} {{ item.d }} info

Single-Line List

Text only

Single-line item

Text only (dense)

Single-line item

Start Detail

Single-line item

Start Detail (dense)

Single-line item

Start Detail Example - Icon with Text

{{ item.n }}

Avatar List

Single-line item

Avatar List (dense)

Single-line item

Example - Avatar with Text

{{ item.n }} {{ item.n }}

End Detail

Single-line item

End Detail (Dense)

Single-line item

Avatar + End Detail

Single-line item

Avatar + End Detail (Dense)

Single-line item

Example - Avatar with Text and icon

{{ item.n }} {{ item.n }} {{ item.f.indexOf('Add') >= 0 ? 'favorite_border' : 'favorite' }}

Two-line List

Text-Only

Two-line item Secondary text

Text-Only (Dense)

Two-line item Secondary text

Start Detail

Two-line item Secondary text

Start Detail (Dense)

Two-line item Secondary text

Avatar List

Two-line item Secondary text

Avatar List (dense)

Two-line item Secondary text

End Detail

Two-line item Secondary text

End Detail (Dense)

Two-line item Secondary text

Example - Two-line avatar + text + icon

{{ folder.n }} {{ folder.d }} info

List Dividers

Full-Width Dividers

Single-line item - section 1 Single-line item - section 2

Inset Dividers

Single-line item - section 1 Single-line item - section 2

List Groups

Basic Usage

List 1

Single-line item

List 2

Single-line item

Example - Two-line Lists, Avatars, end detail, inset dividers

Folders

{{ item.n }} {{ item.d }} info

Files

{{ item.n }} {{ item.d }} info

Interactive Lists

Example - Interactive List

{{ item.n }}