All components

Buttons, FABs, and other ways to trigger an action

Button Five emphasis levels from filled to text 3 examples Icon Button Standard, filled, outlined, and toggle icon buttons 2 examples Floating Action Button Small, regular, large, and extended FABs 1 example

Badges, progress, snackbars, and dialogs

Badge Dot, count, and overflow badges anchored to an icon 2 examples Progress Indicators Indeterminate and determinate circular & linear progress 2 examples Snackbar Brief, transient messages with an optional action 2 examples Dialog AlertDialog confirmations and fully custom dialogs 2 examples Tooltip Plain tooltips anchored to an interactive element 1 example

Cards, lists, sheets, and dividers that hold content

Card Filled, elevated, and outlined containers for grouped content 2 examples List Item Headline, supporting text, and leading content rows 1 example Modal Bottom Sheet A sheet that slides up from the bottom edge 1 example Divider Horizontal and vertical thin separating lines 2 examples

Bars, rails, drawers, tabs, and menus

Top App Bar Small and center-aligned bars with navigation and actions 2 examples Navigation Bar Bottom bar with three to five destinations 1 example Navigation Rail Vertical destination switcher for wide screens 2 examples Navigation Drawer A drawer sheet of destination items 1 example Tabs Fixed and scrollable tab rows 2 examples Menu Dropdown menus and exposed dropdown selection 2 examples Bottom App Bar Bottom bar pairing actions with a FAB 1 example

Checkboxes, switches, sliders, chips, and pickers

Checkbox Single, grouped, and tri-state parent checkboxes 1 example Switch Toggle a single setting on or off 1 example Radio Button Pick exactly one option from a set 1 example Slider Continuous, stepped, and range sliders 3 examples Chip Assist, filter, input, and suggestion chips 4 examples Segmented Button Single- and multi-choice segmented selection 2 examples Date & Time Pickers Inline date picker, date dialog, and time picker 3 examples

Typography and text entry

Text & Typography Type scale, annotated spans, overflow, and selection 4 examples Text Field Filled, outlined, error, password, search, and multi-line entry 5 examples

Row, Column, Box, and arrangement primitives

Row & Column Lay children out horizontally or vertically 2 examples Box Stack children and align them with Modifier.align 1 example Spacer Push siblings apart with flexible empty space 1 example Surface Elevation, shape, and color for a sheet of content 1 example

Lazy lists, grids, and pagers

Lazy Column Vertically scrolling list that composes items on demand 1 example Lazy Row Horizontally scrolling list of fixed-size cards 1 example Lazy Grid Two-dimensional grid with a fixed column count 1 example Staggered Grid Masonry-style grid where items have varying heights 1 example Pager Swipeable pages with a state-driven page count 1 example

State, visibility, content, and transitions

animate*AsState Animate a single value whenever its target changes 1 example AnimatedVisibility Animate content as it enters and leaves composition 1 example AnimatedContent Animate the swap between two content states 1 example Crossfade Cross-fade between mutually exclusive screens 1 example InfiniteTransition Loop an animation indefinitely 1 example

Click, drag, swipe, and scroll handling

Clickable Modifier.clickable and combinedClickable for taps and long presses 1 example Draggable Drag a box along one axis with rememberDraggableState 1 example Transformable Pan, zoom, and rotate with rememberTransformableState 1 example Scroll Modifier.verticalScroll over a fixed-height Column 1 example Swipe to Dismiss Swipe list items away with SwipeToDismissBox 1 example Pull to Refresh Pull down to trigger a refresh with PullToRefreshBox 1 example

Canvas, brushes, shapes, and clipping

Canvas Draw lines, circles, rects, arcs, and paths 1 example Gradients Linear, radial, and sweep brushes 1 example Shapes & Clipping Rounded, circle, and cut-corner clips 1 example Draw Modifiers drawBehind, drawWithContent, and border 2 examples