Repository: flutter
Issue: Proposal to improving names of M3 widgets.
Labels: c: new feature,framework,f: material design,d: api docs,a: quality,c: proposal,P3,team-design,triaged-design

### Use case

Hello, I thank you for all the works and efforts about Materials.

But, I got some trouble when finding flutter Material3 components from the [Official Material3 page](https://m3.material.io/components) because of names of material widgets.

Please check the table below.

## Table

|Material3|classified by|Flutter|JetPack-Compose|
|---------|-----|-----|-----|
|[Elevated Card](https://m3.material.io/components/cards/overview#7aa694fb-16f0-44fb-adf2-be0288ec22dc)|type|[Card](https://api.flutter.dev/flutter/material/Card-class.html)|[ElevatedCard](https://developer.android.com/jetpack/compose/components/card#elevated)||
|[Filled Card](https://m3.material.io/components/cards/overview#7aa694fb-16f0-44fb-adf2-be0288ec22dc)|type|[Card](https://api.flutter.dev/flutter/material/Card-class.html)|[Card](https://developer.android.com/jetpack/compose/components/card#filled)||
|[Outlined Card](https://m3.material.io/components/cards/overview#7aa694fb-16f0-44fb-adf2-be0288ec22dc)|type|[Card](https://api.flutter.dev/flutter/material/Card-class.html)|[OutlinedCard](https://developer.android.com/jetpack/compose/components/card#outlined)||
|[Assist Chip](https://m3.material.io/components/chips/overview#e1f30411-fdc2-4905-b5a3-e4e413ac8604)|type|[Not named yet(use ActionChip)](https://api.flutter.dev/flutter/material/ThemeData/useMaterial3.html) |[AssistChip](https://developer.android.com/jetpack/compose/components/chip#assist)||||
|[Input Chip](https://m3.material.io/components/chips/overview#e1f30411-fdc2-4905-b5a3-e4e413ac8604)|type|[InputChip](https://api.flutter.dev/flutter/material/InputChip-class.html)|[InputChip](https://developer.android.com/jetpack/compose/components/chip#input)||||
|[Filter Chip](https://m3.material.io/components/chips/overview#e1f30411-fdc2-4905-b5a3-e4e413ac8604)|type|[FilterChip](https://api.flutter.dev/flutter/material/FilterChip-class.html)|[FilterChip](https://developer.android.com/jetpack/compose/components/chip#filter)|||
|[Suggestion Chip](https://m3.material.io/components/chips/overview#1efb41ea-6f02-4cd5-8a4d-f1084ce2bd15)|type|[Not named yet(use ActionChip)](https://api.flutter.dev/flutter/material/ThemeData/useMaterial3.html) |[SuggestionChip](https://developer.android.com/jetpack/compose/components/chip#suggestion)|||
|[small FAB](https://m3.material.io/components/floating-action-button/overview)|size|[FloatingActionButton.small](https://api.flutter.dev/flutter/material/FloatingActionButton-class.html)|[SmallFloatingActionButton](https://developer.android.com/jetpack/compose/components/fab#small)||
|[FAB](https://m3.material.io/components/floating-action-button/overview)|size|[FloatingActionButton](https://api.flutter.dev/flutter/material/FloatingActionButton-class.html)|[FloatingActionButton](https://developer.android.com/jetpack/compose/components/fab#basic)||
|[large FAB](https://m3.material.io/components/floating-action-button/overview)|size|[FloatingActionButton.large](https://api.flutter.dev/flutter/material/FloatingActionButton-class.html)|[LargeFloatingActionButton](https://developer.android.com/jetpack/compose/components/fab#large)||
|[extended FAB](https://m3.material.io/components/floating-action-button/overview)|size|[FloatingActionButton.extended](https://api.flutter.dev/flutter/material/FloatingActionButton-class.html)|[ExtendedFloatingActionButton](https://developer.android.com/jetpack/compose/components/fab#extended)||
|[list](https://m3.material.io/components/lists/overview#104f6cdf-381c-4d0a-863c-fef5be435bf5)||[ListTile](https://api.flutter.dev/flutter/material/ListTile-class.html)|
|[list](https://m3.material.io/components/lists/overview#104f6cdf-381c-4d0a-863c-fef5be435bf5)|[selection-control](https://m3.material.io/components/lists/guidelines#b40fa0fa-91da-4dd0-baa4-fe4010a7b53c)|[SwitchListTile](https://api.flutter.dev/flutter/material/SwitchListTile-class.html)|
|[list](https://m3.material.io/components/lists/overview#104f6cdf-381c-4d0a-863c-fef5be435bf5)|[selection-control](https://m3.material.io/components/lists/guidelines#b40fa0fa-91da-4dd0-baa4-fe4010a7b53c)|[RadioListTile](https://api.flutter.dev/flutter/material/RadioListTile-class.html)|
|[list](https://m3.material.io/components/lists/overview#104f6cdf-381c-4d0a-863c-fef5be435bf5)|[selection-control](https://m3.material.io/components/lists/guidelines#b40fa0fa-91da-4dd0-baa4-fe4010a7b53c)|[CheckBoxListTile](https://api.flutter.dev/flutter/material/CheckboxListTile-class.html)|
|[Badge](https://m3.material.io/components/badges/overview)||[Badge](https://api.flutter.dev/flutter/material/Badge-class.html)||no small badge yet|
|[Badge](https://m3.material.io/components/badges/overview)||[Badge.count](https://api.flutter.dev/flutter/material/Badge/Badge.count.html)||functional|
|[TextButton](https://m3.material.io/components/buttons/specs#899b9107-0127-4a01-8f4c-87f19323a1b4)|type| [TextButton, TextButton.icon](https://api.flutter.dev/flutter/material/TextButton-class.html)|[TextButton](https://developer.android.com/jetpack/compose/components/button#text_button)|
|[ElevatedButton](https://m3.material.io/components/buttons/specs#0eea2a85-b4d7-4c74-b08e-98410b9412c7)|type|[ElevatedButton, ElevatedButton.icon](https://api.flutter.dev/flutter/material/ElevatedButton-class.html)|[ElevatedButton](https://developer.android.com/jetpack/compose/components/button#elevated_button)|
|[FilledButton](https://m3.material.io/components/buttons/specs#0b1b7bd2-3de8-431a-afa1-d692e2e18b0d)|type|[FilledButton, FilledButton.icon, FilledButton.tonal, FilledButton.tonalIcon](https://api.flutter.dev/flutter/material/FilledButton-class.html)|[FilledButton, FilledTonalButton](https://developer.android.com/jetpack/compose/components/button#filled_button)|
|[OutlinedButton](https://m3.material.io/components/buttons/specs#de72d8b1-ba16-4cd7-989e-e2ad3293cf63)|type| [OutlinedButton, OutlinedButton.icon](https://api.flutter.dev/flutter/material/OutlinedButton-class.html)|[OutlinedButton](https://developer.android.com/jetpack/compose/components/button#outlined_button)|
|[Filled TextField](https://m3.material.io/components/text-fields/overview#83ab732c-c40d-4470-8bc0-18e8d014acff)|type|[TextField](https://api.flutter.dev/flutter/material/TextField-class.html)|[TextFiled](<https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#TextField(androidx.compose.ui.text.input.TextFieldValue,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.TextStyle,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Boolean,androidx.compose.ui.text.input.VisualTransformation,androidx.compose.foundation.text.KeyboardOptions,androidx.compose.foundation.text.KeyboardActions,kotlin.Boolean,kotlin.Int,kotlin.Int,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.ui.graphics.Shape,androidx.compose.material3.TextFieldColors)>)|
|[Outlined TextField](https://m3.material.io/components/text-fields/overview)|type|[TextField](https://api.flutter.dev/flutter/material/TextField-class.html)|[OutlinedTextField](<https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#OutlinedTextField(kotlin.String,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.TextStyle,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Boolean,androidx.compose.ui.text.input.VisualTransformation,androidx.compose.foundation.text.KeyboardOptions,androidx.compose.foundation.text.KeyboardActions,kotlin.Boolean,kotlin.Int,kotlin.Int,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.ui.graphics.Shape,androidx.compose.material3.TextFieldColors)>)|||
|[Dialogs](https://m3.material.io/components/dialogs/overview)|type|[Dialog](https://api.flutter.dev/flutter/material/Dialog-class.html)||
|[Fullscreen Dialogs](https://m3.material.io/components/dialogs/overview)|type|[Dialog.fullscreen](https://api.flutter.dev/flutter/material/Dialog/Dialog.fullscreen.html)||

## Confusing from M3 to flutter

My problem is when I try to find ``type`` of ``Component``,
is it named in flutter ``TypeComponent`` or ``Component.type`` ?

(Buttons are named ``TypeComponent``, but Dialogs are named ``Component.type``)

## Issue

 Even components are classified by type in Material3, the namings of flutter are inconsistent.

### sub issue

Chip, Card are based on Material2, not Material3.



## Proposal

It seems like M3 widgets need a naming rule. But I cannot sure which rule is much more appropriate and acceptable. Material Team,  please consider about these things.

relate: [☂️ Bring Material 3 to Flutter #91605](https://github.com/flutter/flutter/issues/91605)