I'm not sure what the policy on css transitions is in this repo, but here's a suggestion.

I noticed that color transitions on the StepIcon component are instantaneous, even though the entire component is quite animated and fluid. The StepIcon goes through several colors (default -> active -> completed), and I believe a simple transition: color 300ms ease; already adds quite a bit more style

Environment

Vuetify Version: 2.3.5
Vue Version: 2.6.11
Browsers: Chrome 84.0.4147.89
OS: Mac OS 10.15.5

Steps to reproduce

Setup theme as Dark mode.
Try the example.

Only Hover list, and Transitions examples can see the affect.
Other examples looks bad in the dark mode.

Expected Behavior

Should show affects in the example.

Actual Behavior

Looks

It would be helpful to mention in the API reference for Angular Material tree that besides the MatTreeModule also MatIconModule and MatButtonModule must be imported into the app.module.ts.
(eg. when you use a "Tree with flat nodes")

import {MatButtonModule} from '@angular/material/button';
import {MatIconModule} from '@angular/material/icon';
import {MatTreeModule} from 

Not a single form field has a label. These designs are not usable and the patterns presented should be discouraged.

I suggest adding a validation check like Nu Validator, aXe, lighthouse, etc. to show all the places this markup is invalid.

Is there any way to implement horizontal radio button group?

Is your feature request related to a problem? Please describe.
When setting the layout anchor of a extended fab to the bottom app bar it does not show the cutout.

Describe the solution you'd like
The ability to use any shape as the cutout, or at least all the Fab variants.

Hello how add Drawerhost OnOpen/OnClose event like dialoghost DialogOpenedEventHandler/DialogClosingEventHandler