State of Compose 2023 results are in! Click here to learn more

← Back to Tv Material

MaterialTheme

Component
in
Tv Material
. Since 1.0.0-alpha07

Overview

Code Examples

Video

Material Theming refers to the customization of your Material Design app to better reflect your product’s brand.

Material components such as Button and Checkbox use values provided here when retrieving default values.

All values may be set by providing this component with the colorSchemeColorScheme, typographyTypography attributes. Use this to configure the overall theme of elements within this MaterialTheme.

Any values that are not set will inherit the current value from the theme, falling back to the defaults if there is no parent MaterialTheme. This allows using a MaterialTheme at the top of your application, and then separate MaterialTheme(s) for different screens / parts of your UI, overriding only the parts of the theme definition that need to change.

@param colorScheme A complete definition of the Material Color theme for this hierarchy @param shapes A set of corner shapes to be used as this hierarchy's shape system @param typography A set of text styles to be used as this hierarchy's typography system @param content The composable content that will be displayed with this theme

Overloads

MaterialTheme

@ExperimentalTvMaterial3Api
@Composable
fun MaterialTheme(
    colorScheme: ColorScheme = MaterialTheme.colorScheme,
    shapes: Shapes = MaterialTheme.shapes,
    typography: Typography = MaterialTheme.typography,
    content: @Composable () -> Unit
)

Parameters

NameDescription
colorSchemeA complete definition of the Material Color theme for this hierarchy
shapesA set of corner shapes to be used as this hierarchy's shape system
typographyA set of text styles to be used as this hierarchy's typography system
contentThe composable content that will be displayed with this them