(#) material and material3 are separate, incompatible design system libraries !!! WARNING: material and material3 are separate, incompatible design system libraries This is a warning. Id : `UsingMaterialAndMaterial3Libraries` Summary : material and material3 are separate, incompatible design system libraries Severity : Warning Category : Correctness Platform : Any Vendor : Jetpack Compose Identifier : androidx.compose.material3 Feedback : https://issuetracker.google.com/issues/new?component=612128 Min : Lint 8.0 and 8.1 Compiled : Lint 8.7+ Artifact : [androidx.compose.material3:material3-android](androidx_compose_material3_material3-android.md.html) Since : 1.2.0 Affects : Kotlin and Java files and test sources Editing : This check runs on the fly in the IDE editor Implementation : [Source Code](https://cs.android.com/androidx/platform/frameworks/support/+/androidx-main:/compose/material3/material3-lint/src/main/java/androidx/compose/material3/lint/MaterialImportDetector.kt) Tests : [Source Code](https://cs.android.com/androidx/platform/frameworks/support/+/androidx-main:/compose/material3/material3-lint/src/test/java/androidx/compose/material3/lint/MaterialImportDetectorTest.kt) Copyright Year : 2023 material and material3 are separate design system libraries that are incompatible with each other, as they have their own distinct theming systems. Using components from both libraries concurrently can cause issues: for example material components will not pick up the correct content color from a material3 container, and vice versa. (##) Example Here is an example of lint warnings produced by this check: ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~text src/foo/test.kt:4:Warning: Using a material import while also using the material3 library [UsingMaterialAndMaterial3Libraries] import androidx.compose.material.Button -------------------------------- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Here is the source file referenced above: `src/foo/test.kt`: ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~kotlin linenumbers package foo import androidx.compose.material.Button import androidx.compose.material.ExperimentalMaterialApi import androidx.compose.material3.Button import androidx.compose.material.ripple.rememberRipple import androidx.compose.material.icons.Icons import androidx.compose.material.pullrefresh.pullRefresh fun test() {} ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ You can also visit the [source code](https://cs.android.com/androidx/platform/frameworks/support/+/androidx-main:/compose/material3/material3-lint/src/test/java/androidx/compose/material3/lint/MaterialImportDetectorTest.kt) for the unit tests for this check to see additional scenarios. The above example was automatically extracted from the first unit test found for this lint check, `MaterialImportDetector.material_imports`. To report a problem with this extracted sample, visit https://issuetracker.google.com/issues/new?component=612128. (##) Including !!! This is not a built-in check. To include it, add the below dependency to your project. ``` // build.gradle.kts implementation("androidx.compose.material3:material3-android:1.4.0-alpha05") // build.gradle implementation 'androidx.compose.material3:material3-android:1.4.0-alpha05' // build.gradle.kts with version catalogs: implementation(libs.material3.android) # libs.versions.toml [versions] material3-android = "1.4.0-alpha05" [libraries] # For clarity and text wrapping purposes the following declaration is # shown split up across lines, but in TOML it needs to be on a single # line (see https://github.com/toml-lang/toml/issues/516) so adjust # when pasting into libs.versions.toml: material3-android = { module = "androidx.compose.material3:material3-android", version.ref = "material3-android" } ``` 1.4.0-alpha05 is the version this documentation was generated from; there may be newer versions available. NOTE: These lint checks are **also** made available separate from the main library. You can also use `androidx.compose.material3:material3-lint:1.4.0-alpha05`. [Additional details about androidx.compose.material3:material3-android](androidx_compose_material3_material3-android.md.html). (##) Suppressing You can suppress false positives using one of the following mechanisms: * Using a suppression annotation like this on the enclosing element: ```kt // Kotlin @Suppress("UsingMaterialAndMaterial3Libraries") fun method() { problematicStatement() } ``` or ```java // Java @SuppressWarnings("UsingMaterialAndMaterial3Libraries") void method() { problematicStatement(); } ``` * Using a suppression comment like this on the line above: ```kt //noinspection UsingMaterialAndMaterial3Libraries problematicStatement() ``` * Using a special `lint.xml` file in the source tree which turns off the check in that folder and any sub folder. A simple file might look like this: ```xml <?xml version="1.0" encoding="UTF-8"?> <lint> <issue id="UsingMaterialAndMaterial3Libraries" severity="ignore" /> </lint> ``` Instead of `ignore` you can also change the severity here, for example from `error` to `warning`. You can find additional documentation on how to filter issues by path, regular expression and so on [here](https://googlesamples.github.io/android-custom-lint-rules/usage/lintxml.md.html). * In Gradle projects, using the DSL syntax to configure lint. For example, you can use something like ```gradle lintOptions { disable 'UsingMaterialAndMaterial3Libraries' } ``` In Android projects this should be nested inside an `android { }` block. * For manual invocations of `lint`, using the `--ignore` flag: ``` $ lint --ignore UsingMaterialAndMaterial3Libraries ...` ``` * Last, but not least, using baselines, as discussed [here](https://googlesamples.github.io/android-custom-lint-rules/usage/baselines.md.html).