Review default Material 3 components with custom M3 tokens

[B3nz01d]

Requirement

As a designer providing the correspondance to the M3 color tokens
I want to be able to see the list of M3 components
So that I can confirme the custom color setup applied to the default components used in Material

Context

a page needs to be created as it was provided in the Flutter Material 3 components description where all the available components are liste one under the other and have been tweaked to use the Material 3 color tokens where we will have applied the Orange colors.

The page can be accessed from the About page:

• Page name: "Default M3 components"
• the item should be the last item of the about list
• page content:
  • a list of all the components all visible in the same page
  • each component would be visible in its default and disabled state and it's variants states
  • when a component like a sheet is concerned, a button launching the sheet would be provided

View the component default and disabled states

View the component variants:

but in this example we would only need the icon button, the icon text button, the outlines button and the icon only button.

See component in action:

Within the page It could be useful to propose the "Default M3 color palette" link that would open a dedicated page to show the color palette as shown in the Android Material documentation, (it would be easier to read when shown on landscape mode... but here is the portrait version: