Components Back Layer Back layers are views that sit below a main content layer with some content in the back layer being obscured by the content layer. Bottom Navigation Bottom navigation bars make it easy to explore and switch between top-level views in a single tap. Bottom Sheets Bottom sheets slide up from the bottom of the screen to reveal more content. Chips Chips represent complex entities in small blocks, such as a contact. Collapsing Toolbars Collapsing toolbars change height and other visual aspects in response to scrolling. Floating Action Buttons A floating button for the primary action in an application. Material Button A customizable button component with updated visual styles. Material Card Cards display content and actions on a single subject. Modal Bottom Sheets Modal bottom sheets act like a dialog at the bottom of the screen. Navigation Views A scrollable view that renders a menu resource as a vertical list. Snackbars Brief feedback for an action through a message at the bottom of the screen. Tab Layout A horizontal layout to display tabs. Text Fields A text field with an animated floating label and other Material Design features. Top App Bars A flexible toolbar designed to provide a typical Material Design experience.