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:
/ discord
LINKS
Material UI Getting Started Guide: https://mui.com/getting-started/insta...
MUI V5 Button Example: https://mui.com/material-ui/react-but...
MUI V5 Button API: https://mui.com/material-ui/api/button/
MUI V5 Input API: https://mui.com/material-ui/api/input/]
Icons & Icon Buttons: • MUI V5: Icons, Svg Icons & Icon Buttons
SX Prop: • MUI V5: The SX Prop
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:
/ sistillianthony
/ anthonysistilli
Watch video MUI V5: Button (and the new Loading Button) online without registration, duration hours minute second in high quality. This video was added by user Anthony Sistilli 15 April 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 3,830 once and liked it 79 people.