Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How is the Material-UI website creating a drop-down select in it's AppBar?

enter image description here

I'm having trouble doing the same with my app. I've added a Select component, but it doesn't render correctly. Should I be using a different nested component to create this?

enter image description here

I cannot see an example in material-UI's documentation. I am not sure of the correct styles to use. I am using a Select component here, but I'm not sure if its the same the Material UI website is using as it doesn't seem to inherit the correct style. It would be great if someone can point me to the correct method of adding a drop-down to the Toolbar.

like image 325
Eurig Jones Avatar asked Jan 18 '26 08:01

Eurig Jones


1 Answers

That "dropdown" is actually composed of Button Component and Menu Component.

The docs site is open-sourced and you can check the implementation here.

like image 53
hangindev.com Avatar answered Jan 20 '26 01:01

hangindev.com



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!