Material Design Chart
 Share
The version of the browser you are using is no longer supported. Please upgrade to a supported browser.Dismiss

 
View only
 
 
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1
ActionTypical appearanceTypical usemaximum rows / columnsSupports HTMLAutoApps requiredVariables returned
2
List ActivityFull list with differing actions such as an FAB to add items, a toolbar to complete actions like clearing or searching for items.Used for lists of information, organizing items, or can be used to search through data.Can have infinite number of rowsyesAutoApps is not used%ls_list()
%ls_command
3
Content ActivityFull card view layout with a title, text, and image. With extra actions like the List Activitysame as list activity as well as the use of common media consumption / organization (think Google+)infinite number of rows with a definable amount of columnsyesAutoApps is not used%cs_list()
%cs_command
4
FABA floating action button with an icon and a colored backgroundCan be used to create new content or just a button for any useN/AN/AAutoApps is required for persistent mode%fab_command
5
Navigation DrawerA drawer with a header image / title. Then with a list of items to choose from below, optionally with a persistent bottom selectionUsed for navigation in an app or selection of different itemsInfinite rowsyesAutoApps is not required%nd_command
6
Fingerprint DialogA dialog that shows which asks for fingerprint scanningUsed to lock out usage of an app or folderRequires Android 6.0+N/AAutoApps is not used%fp_status
7
Google Search OverlayShows a Google Search as an overlay over the current task or appCan be used to search GoogleN/AN/AAutoApps is not usedN/A
8
Icon SelectorAllows the use of the icon selectorUse the provided array of icons in another task. Perfect for multiple sets of iconsInfinite number of iconsN/AAutoApps is not used%md_icon
%md_icons()
9
MaterialHandleShows an invisible handle with customizable position, height, and widthUsed to trigger things like a navigation drawer, bottom sheet, etc.N/AN/AAutoApps is required%mh_command
10
SidebarShows a bar on the side of the screen filled with iconsCan be used as an app picker, contact picker, etcInfinite number of iconsN/AAutoApps is required for persistent mode%sb_command
11
ToolbarShows a toolbar with icons, title, subtitle, and an option menu at the top or bottom of the screenUsed as an options menu or app barInfinite amount of optionsNoAutoApps is required%tb_command
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
Loading...
Main menu