Jetpack Compose の Material 3 の Component の対応表です。
Jetpack Compose のプロジェクトで Material ３ を導入を検討する時にでも活用ください。
| Component | material-component(1.10.0) | Compose Material3(1.2.0-alpha03) |
|---|---|---|
| Backdrop | × | × |
| Badge | ◯ | ◯ |
| Bottom app bar | ◯ | ◯ |
| Bottom sheet | ◯ | ◯ |
| Button | ◯ | ◯ |
| Card | ◯ | ◯ |
| Carousel | ◯ | × |
| Checkbox | ◯ | ◯ |
| Chip | ◯ | ◯ |
| Divider | ◯ | ◯ |
| Dialog | ◯ | ◯ |
| Floating action button | ◯ | ◯ |
| Menu | ◯ | ◯ |
|
Navigation bar (Bottom navigation) |
◯ | ◯ |
| Navigation drawer | ◯ | ◯ |
| Navigation rail | ◯ | ◯ |
| Progress indicator | ◯ | ◯ |
| Radio button | ◯ | ◯ |
| Searchbar | ◯ | ◯ |
| Side sheet | ◯ | × |
| Slider | ◯ | ◯ |
| Snackbar | ◯ | ◯ |
| Switch | ◯ | ◯ |
| Tab | ◯ | ◯ |
| Text field | ◯ | ◯ |
| Top app bar | ◯ | ◯ |
| Swipe Refresh | - (Swiperefreshlayoutのライブラリで利用可能) |
× |