by @alexstyl
✉️ Leave your feedback

← View all Jetpack Compose Libraries

Jetpack Compose Material 3 Compose library

We extracted all components and modifiers in the Material 3 Compose library in one place. Find the Jetpack Compose Material 3 Compose dependency and add it to your project.

Material 3 Compose dependency

Add the Jetpack Compose Material 3 Compose library to your project by adding the following dependency to your build.gradle file:

dependencies {
    implementation "androidx.compose.material3:material3:1.2.0-alpha12"
}

Components in Material 3 Compose

AlertDialog image

AlertDialog

BadgedBox image

BadgedBox

Button image

Button

Checkbox image

Checkbox

DatePickerDialog

DismissibleDrawerSheet

DockedSearchBar image

DockedSearchBar

ElevatedAssistChip image

ElevatedAssistChip

ElevatedFilterChip image

ElevatedFilterChip

ExtendedFloatingActionButton image

ExtendedFloatingActionButton

FilledTonalButton image

FilledTonalButton

FilterChip image

FilterChip

Icon

InputChip image

InputChip

LargeTopAppBar image

LargeTopAppBar

ListItem image

ListItem

ModalBottomSheet image

ModalBottomSheet

MultiChoiceSegmentedButtonRow

NavigationDrawer image

NavigationDrawer

NavigationRailItem

OutlinedIconButton image

OutlinedIconButton

PermanentDrawerSheet

PlainTooltipBox

ProvideTextStyle

RangeSlider

Scaffold

SecondaryScrollableTabRow

SingleChoiceSegmentedButtonRow

SmallTopAppBar image

SmallTopAppBar

SuggestionChip image

SuggestionChip

SwipeToDismissBox

TabRow

TextField image

TextField

TooltipBox

TriStateCheckbox image

TriStateCheckbox

AssistChip image

AssistChip

BottomAppBar image

BottomAppBar

Card image

Card

CircularProgressIndicator image

CircularProgressIndicator

DateRangePicker image

DateRangePicker

DismissibleNavigationDrawer image

DismissibleNavigationDrawer

DropdownMenu image

DropdownMenu

ElevatedButton image

ElevatedButton

ElevatedSuggestionChip image

ElevatedSuggestionChip

FilledIconButton image

FilledIconButton

FilledTonalIconButton image

FilledTonalIconButton

FloatingActionButton image

FloatingActionButton

IconButton image

IconButton

Label

LeadingIconTab

MaterialTheme

ModalDrawerSheet

NavigationBar image

NavigationBar

NavigationDrawerItem

OutlinedButton image

OutlinedButton

OutlinedIconToggleButton image

OutlinedIconToggleButton

PermanentNavigationDrawer image

PermanentNavigationDrawer

PrimaryScrollableTabRow

PullToRefreshContainer

RichTooltip

ScrollableTabRow

SecondaryTabRow

Slider

Snackbar image

Snackbar

Surface

Switch image

Switch

Text

TimeInput

TopAppBar image

TopAppBar

VerticalDivider image

VerticalDivider

Badge image

Badge

BottomSheetScaffold image

BottomSheetScaffold

CenterAlignedTopAppBar image

CenterAlignedTopAppBar

DatePicker image

DatePicker

DateRangePickerTitle

Divider image

Divider

DropdownMenuItem image

DropdownMenuItem

ElevatedCard image

ElevatedCard

ExposedDropdownMenuBox image

ExposedDropdownMenuBox

FilledIconToggleButton image

FilledIconToggleButton

FilledTonalIconToggleButton image

FilledTonalIconToggleButton

HorizontalDivider image

HorizontalDivider

IconToggleButton image

IconToggleButton

LargeFloatingActionButton image

LargeFloatingActionButton

LinearProgressIndicator image

LinearProgressIndicator

MediumTopAppBar image

MediumTopAppBar

ModalNavigationDrawer image

ModalNavigationDrawer

NavigationBarItem

NavigationRail image

NavigationRail

OutlinedCard image

OutlinedCard

OutlinedTextField image

OutlinedTextField

PlainTooltip

PrimaryTabRow

RadioButton image

RadioButton

RichTooltipBox

SearchBar image

SearchBar

SegmentedButton

SmallFloatingActionButton image

SmallFloatingActionButton

SnackbarHost

SwipeToDismiss

Tab image

Tab

TextButton image

TextButton

TimePicker image

TimePicker

TrailingIcon

Modifiers in Material 3 Compose