Custom Colors
Example - Two-line Lists, Avatars, end detail, inset dividers
Folders
Files
Single-Line List
Text only
- Single-line item
- Single-line item
- Single-line item
Text only (dense)
- Single-line item
- Single-line item
- Single-line item
Text Only (dark)
- Single-line item
- Single-line item
- Single-line item
Start Detail
Start Detail (dense)
Start Detail Example - Icon with Text
- network_wifi Wi-Fi
- bluetooth Bluetooth
- data_usage Data Usage
Start Detail Example - Icon with Text (Dark)
- network_wifi Wi-Fi
- bluetooth Bluetooth
- data_usage Data Usage
Avatar List
Avatar List (dense)
Example - Avatar with Text
-
Panda
-
Sloth
-
Brown Bear
Example - Avatar with Text (Dark)
-
Panda
-
Sloth
-
Brown Bear
End Detail
End Detail (Dense)
Avatar + End Detail
Avatar + End Detail (Dense)
Example - Avatar with Text and icon
Example - Avatar with Text and icon (Dark)
Two-line List
Text-Only
- Two-line item Secondary text
- Two-line item Secondary text
- Two-line item Secondary text
Text-Only (Dense)
- Two-line item Secondary text
- Two-line item Secondary text
- Two-line item Secondary text
Start Detail
Start Detail (Dense)
Avatar List
Avatar List (dense)
End Detail
End Detail (Dense)
Example - Two-line avatar + text + icon
Example - Two-line avatar + text + icon (Dark)
List Dividers
Full-Width Dividers
- Single-line item - section 1
- Single-line item - section 1
- Single-line item - section 1
- Single-line item - section 2
- Single-line item - section 2
Inset Dividers
List Groups
Basic Usage
List 1
- Single-line item
- Single-line item
- Single-line item
List 2
- Single-line item
- Single-line item
- Single-line item