[ Web Proxy ]
URL:
Viewing: https://developer.android.com/develop/ui/compose/components [Back]  [Original]
Material Components  |  Jetpack Compose  |  Android Developers Skip to main content
Android Developers [Android Developers]
Essentials Design & Plan Develop Google Play Blog
Search:
Android Studio
Overview Tutorial Samples Docs Quick Guides
Android Developers [Android Developers]
Stay organized with collections Save and categorize content based on your preferences.
Jetpack Compose offers an implementation of Material Design, a comprehensive design system for creating digital interfaces. You can use composable functions to implement Material components.
[]

Actions

[]
Buttons prompt most actions in a UI.
Learn more
[]
Floating actions buttons (FABs) help users take primary actions.
Learn more
[]
Icon buttons help users take minor actions with one tap.
Learn more
[]
Segmented buttons help users select options, switch views, or sort elements.
Learn more

Communication

[]
Badges show notifications, counts, or status information on navigation items and icons.
Learn more
[]
Progress indicators express an unspecified wait time or display the duration of a process.
Learn more
[]
Snackbars show short updates about app processes at the bottom of the screen.
Learn more
[]
Tooltips display brief labels or messages.
Learn more

Containment

[]
Bottom sheets show secondary content anchored to the bottom of the screen.
Learn more
[]
Cards display content and actions about a single subject.
Learn more
[]
Carousels show a collection of items that can be scrolled on and off the screen.
Learn more
[]
Dialogs provide important prompts in a user flow.
Learn more
[]
Dividers are thin lines that group content in lists or other containers.
Learn more
[]
Lists are continuous, vertical indexes of text and images.
Learn more
[]
Scaffolds hold together different parts of the UI in complex user interfaces.
Learn more
[]
App bars are placed at the top of a screen to help users navigate.
Learn more
[]
Navigation bars let people switch between UI views on smaller devices.
Learn more
[]
Navigation drawers let people switch between UI views on larger devices.
Learn more
[]
Navigation rails let people switch between UI views on mid-size devices.
Learn more
[]
Tabs organize content across different screens and views.
Learn more

Selection

[]
Checkboxes let users select one or more items from a list, or turn an item on or off.
Learn more
[]
Chips help people enter information, make selections, filter content, or trigger actions.
Learn more
[]
Date pickers let people select a date, or a range of dates.
Learn more
[]
Menus display a list of choices on a temporary surface.
Learn more
[]
Radio buttons let people select one option from a set of options.
Learn more
[]
Sliders let users make selectios from a range of values.
Learn more
[]
Switches toggle the selection of an item on or off.
Learn more
[]
Time pickers help users select and set a specific time.
Learn more

Text inputs

[]
Search lets users enter a keyword or phrase to get relevant information.
Learn more
[]

Text fields

Text fields let users enter text into a UI.
Learn more
Learn how to use basic layouts in Compose.
Learn more
Learn how to manage resources such as strings and images.
Learn more

Content and code samples on this page are subject to the licenses described in the Content License. Java and OpenJDK are trademarks or registered trademarks of Oracle and/or its affiliates.

Last updated 2025-07-11 UTC.

[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2025-07-11 UTC."],[],[]]
Web Proxy Viewer  |  New URL  |  Original Page