MUI V5: Button (and the new Loading Button)

In this video we go over one of the most used, and simplest Material UI V5 components there is, the Button component! This Button is a great replacement for React / HTML's standard Button, and offers you a wide variety of use cases and props. We also talk a bit about @MUI/Lab's LoadingButton that's new to MUI V5.

Join our coding Discord:

-LINKS-

-TIMESTAMPS-
0:00 Intro
0:40 Variants (Text, Outlined, Contained) and Disabled / Href / Target Props
3:00 Onclick handlers
3:40 Color prop (theme)
4:31 Size props (small, medium, large)
5:06 Upload button (button with Input)
6:05 Adding icons inside your button
6:35 IconButton component (wrapping icons with button effects)
7:25 The LoadingButton component (great for lots of React usecases)
8:45 Styling buttons with the SX Prop

Follow me on Social Media:

[jetmartin]

This playlist provides a great overview of MUI v5.

[CodeFreak]

Thank you for taking the time to do these videos and to cover MUI V5.

[tombenameur]

Great thanks ! Though I would like to know what could we change the hovering / focus etc on the button ? Which video should I watch ?

[yigitruzgaruzun]

Thank you so much. Can you shoot a video for detailed features such as using grid-template-area? :)

[FreeSudani]

do you use buttons (text variance) in the nav menu or some other component ?