fun AppGradientBackground(modifier: Modifier = Modifier, gradientColors: GradientColors = LocalGradientColors.current, content: @Composable () -> Unit)

A gradient background for select screens. Uses LocalBackgroundTheme to set the gradient colors of a Box within a Surface.

DividerWithText

@Composable

fun DividerWithText(@StringRes text: Int, modifier: Modifier = Modifier)

A divider with text in the middle.

DynamicAsyncImage

@Composable

fun DynamicAsyncImage(imageUrl: String, contentDescription: String?, modifier: Modifier = Modifier, placeholder: Painter = painterResource(R.drawable.ic_placeholder))

A wrapper around AsyncImage which determines the colorFilter based on the theme

JetpackActionBar

@Composable

fun JetpackActionBar(@StringRes titleRes: Int, @StringRes actionRes: Int, onActionClick: () -> Unit, onNavigateBackClick: () -> Unit, modifier: Modifier = Modifier, colors: TopAppBarColors = TopAppBarDefaults.topAppBarColors())

A Jetpack Compose top app bar with a title, navigation icon, and action button.

JetpackButton

@Composable

fun JetpackButton(onClick: () -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, contentPadding: PaddingValues = ButtonDefaults.ContentPadding, content: @Composable RowScope.() -> Unit)

Jetpack filled button with generic content slot. Wraps Material 3 Button.

@Composable

fun JetpackButton(onClick: () -> Unit, text: @Composable () -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, leadingIcon: @Composable () -> Unit? = null)

Jetpack filled button with text and icon content slots.

JetpackExtendedFab

@Composable

fun JetpackExtendedFab(icon: ImageVector, @StringRes text: Int, onClick: () -> Unit, modifier: Modifier = Modifier)

Composable function that represents the floating action button in the Jetpack application.

JetpackFilterChip

@Composable

fun JetpackFilterChip(selected: Boolean, onSelectedChange: (Boolean) -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, label: @Composable () -> Unit)

Jetpack filter chip with included leading checked icon as well as text content slot.

JetpackIconToggleButton

@Composable

fun JetpackIconToggleButton(checked: Boolean, onCheckedChange: (Boolean) -> Unit, icon: @Composable () -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, checkedIcon: @Composable () -> Unit = icon)

Jetpack toggle button with icon and checked icon content slots. Wraps Material 3 IconButton.

JetpackLoadingWheel

@Composable

fun JetpackLoadingWheel(contentDesc: String, modifier: Modifier = Modifier)

Composable function that represents the loading wheel in the Jetpack application.

JetpackNavigationBar

@Composable

fun JetpackNavigationBar(modifier: Modifier = Modifier, content: @Composable RowScope.() -> Unit)

Jetpack navigation bar with content slot. Wraps Material 3 NavigationBar.

JetpackNavigationBarItem

@Composable

fun RowScope.JetpackNavigationBarItem(selected: Boolean, onClick: () -> Unit, icon: @Composable () -> Unit, modifier: Modifier = Modifier, selectedIcon: @Composable () -> Unit = icon, enabled: Boolean = true, label: @Composable () -> Unit? = null, alwaysShowLabel: Boolean = true)

Jetpack navigation bar item with icon and label content slots. Wraps Material 3 NavigationBarItem.

JetpackNavigationRail

@Composable

fun JetpackNavigationRail(modifier: Modifier = Modifier, header: @Composable ColumnScope.() -> Unit? = null, content: @Composable ColumnScope.() -> Unit)

Jetpack navigation rail with header and content slots. Wraps Material 3 NavigationRail.

JetpackNavigationRailItem

@Composable

fun JetpackNavigationRailItem(selected: Boolean, onClick: () -> Unit, icon: @Composable () -> Unit, modifier: Modifier = Modifier, selectedIcon: @Composable () -> Unit = icon, enabled: Boolean = true, label: @Composable () -> Unit? = null, alwaysShowLabel: Boolean = true)

Jetpack navigation rail item with icon and label content slots. Wraps Material 3 NavigationRailItem.

JetpackNavigationSuiteScaffold

@Composable

fun JetpackNavigationSuiteScaffold(navigationSuiteItems: JetpackNavigationSuiteScope.() -> Unit, modifier: Modifier = Modifier, windowAdaptiveInfo: WindowAdaptiveInfo = currentWindowAdaptiveInfo(), content: @Composable () -> Unit)

Jetpack navigation suite scaffold with item and content slots. Wraps Material 3 NavigationSuiteScaffold.

JetpackOutlinedButton

@Composable

fun JetpackOutlinedButton(onClick: () -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, contentPadding: PaddingValues = ButtonDefaults.ContentPadding, content: @Composable RowScope.() -> Unit)

Jetpack outlined button with generic content slot. Wraps Material 3 OutlinedButton.

@Composable

fun JetpackOutlinedButton(onClick: () -> Unit, text: @Composable () -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, leadingIcon: @Composable () -> Unit? = null)

Jetpack outlined button with text and icon content slots.

JetpackOverlayLoadingWheel

@Composable

fun JetpackOverlayLoadingWheel(contentDesc: String, modifier: Modifier = Modifier)

Composable function that represents the loading wheel in the Jetpack application with an overlay.

JetpackPasswordFiled

@Composable

fun JetpackPasswordFiled(value: String, onValueChange: (String) -> Unit, label: @Composable () -> Unit, leadingIcon: @Composable () -> Unit, modifier: Modifier = Modifier, errorMessage: String? = null)

A Jetpack Compose password field with customizable appearance and optional error message display.

JetpackTab

@Composable

fun JetpackTab(selected: Boolean, onClick: () -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, text: @Composable () -> Unit)

Jetpack tab. Wraps Material 3 Tab and shifts text label down.

JetpackTabRow

@Composable

fun JetpackTabRow(selectedTabIndex: Int, modifier: Modifier = Modifier, tabs: @Composable () -> Unit)

Jetpack tab row. Wraps Material 3 TabRow.

JetpackTag

@Composable

fun JetpackTag(followed: Boolean, onClick: () -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, text: @Composable () -> Unit)

Jetpack tag.

JetpackTextButton

@Composable

fun JetpackTextButton(onClick: () -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, content: @Composable RowScope.() -> Unit)

Jetpack text button with generic content slot. Wraps Material 3 TextButton.

@Composable

fun JetpackTextButton(onClick: () -> Unit, text: @Composable () -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, leadingIcon: @Composable () -> Unit? = null)

Jetpack text button with text and icon content slots.

JetpackTextFiled

@Composable

fun JetpackTextFiled(value: String, onValueChange: (String) -> Unit, label: @Composable () -> Unit, leadingIcon: @Composable () -> Unit, modifier: Modifier = Modifier, keyboardOptions: KeyboardOptions = KeyboardOptions.Default, trailingIcon: @Composable () -> Unit = {}, errorMessage: String? = null)

A Jetpack Compose text field with customizable appearance and optional error message display.

JetpackToggleOptions

@Composable

fun JetpackToggleOptions(options: List<ToggleOption>, selectedIndex: Int, onSelectionChange: (Int) -> Unit, modifier: Modifier = Modifier)

A row of toggle options that can be selected.

JetpackTopAppBar

@Composable

fun JetpackTopAppBar(@StringRes titleRes: Int, actionIcon: ImageVector, actionIconContentDescription: String?, modifier: Modifier = Modifier, colors: TopAppBarColors = TopAppBarDefaults.centerAlignedTopAppBarColors(), onActionClick: () -> Unit = {})

A Jetpack Compose top app bar with a title and action icon.

@Composable

fun JetpackTopAppBar(@StringRes titleRes: Int, navigationIcon: ImageVector, navigationIconContentDescription: String?, actionIcon: ImageVector, actionIconContentDescription: String?, modifier: Modifier = Modifier, colors: TopAppBarColors = TopAppBarDefaults.centerAlignedTopAppBarColors(), onNavigationClick: () -> Unit = {}, onActionClick: () -> Unit = {})

A Jetpack Compose top app bar with a title, navigation icon, and action icon.

JetpackTopAppBarWithAvatar

@Composable

fun JetpackTopAppBarWithAvatar(@StringRes titleRes: Int, avatarUri: String?, avatarContentDescription: String?, modifier: Modifier = Modifier, colors: TopAppBarColors = TopAppBarDefaults.centerAlignedTopAppBarColors(), onAvatarClick: () -> Unit = {})

A Jetpack Compose top app bar with a title and avatar.

SwipeToDismiss

@Composable

fun SwipeToDismiss(onDelete: () -> Unit, modifier: Modifier = Modifier, content: @Composable () -> Unit)

A composable that allows swiping to dismiss an item.