Im here for inspiration before starting to design, so that I wouldn't haste myself into initial ideas before understanding much about cool things that Material UI provides. This list has quite some video time but I love the way you explain and demonstrate things
First of all, thanks for the video, sometimes is hard to digest the official documentation if you are kinda new to MUI. About the variant, the documentation says that "The props of the Paper component are also available", and in the Paper docs you can see what else you can do with it. Example, you can use 'elevation' prop to set the thiccness of the shadow. Just as a heads up if anyone was wondering about it.
12:15 I think the reason that they don't show it, because "inherits" from , so it has access to the same things. You can pass in a prop called square to Card to unround the corners (just like in Paper component) and they also don't mention it in the Card's documentation But that's just hypothesis, I might be wrong on that one
yeah, but how to align elements between cards, I mean what if title in one cards takes more space than in the other and elements below them should be aligned? do you have video on that?
Thanks. It’s nice to be, if you add a beginning sandbox too, you move with screens a bit fast sometimes and as no native speaker can say, you speak a bit fast. For me it’s okay, but for most people too fast.
Massive thanks, again, Anthony. could you please make one more video for the internationalization working with MUI? fetch the transaction via API. thank you so much.
Hi Anthony, first of all thanks for the amazing videos about Material-UI. I'd like to ask you how can I create a card with 3 sections stacked and make the bottom section stays always on the bottom and the middle section occupy all of the available space. I'm trying this for days and I'm getting stuck on that. I really would be grateful if you had an example of this of, or maybe you make a video :D
Hey Robson! I am actually having a hard time visualizing the example you gave, do you have any examples I could look at to understand what you're looking for a bit better? :)
Hi, Is there any alternative way that I could use just like cards but can have onChange prop so when I click it can read data. Right now I'm just using radio group
Hello, this was a very informative video but, I'm having trouble with having cards with different information from the same card component, can you explain how to or point me in the direction of a video which explains this? Thank you and great work!
i got a question about design, when i create a card does it recommended to specify the height in pixels? if its the answer is true, how can i make it responsive by doing so? thanks alot for the videos again!
What about putting a card or other component on top of a map, specifically google-maps-react. Or laying out material UI components on top each other. Or is this improper use of the UI?
thank u very much for this helpful session, but i have a question how can i put more than one image in one screen using material ui for example if i want to insert 4 photos in one row and another row with 4 photos? is there any possible way for that?
I have never seen someone drill down into the different APIs of the Material components. Can we do Material Cards with full background and with title, card content, card actions on top of the background?
Your playlist has helped to understand Material UI a lot. I am going to start using some of the things I have learned here to my website MRuns.com ... do you know if MUI and React works with WordPress? I am sure it will work with PHP... I am not a WordPress or PHP developer.. So far, I only use Wordpress/php out of the box with few configurations. I will like to have more control over it by developing a better framework... Side note: I will be subscribing to your channel. Looking forward to more great tutorials in the coming days.
if you have 3 cards besides, every card has 3 divs (header, content button), but content OR header divs can be different size in heights with 1line or 2 line text, and it should look in same height on every card even if its have 1line header
This is the most comprehensive of targeting the material Ui. Thanks a ton for this.
Really glad it helped, Subrat!
Great tutorial! 2 Years later everything is still relevant. Good job and thanks!
Very underrated channel. Definitely gonna blow up soon.
Seriously one of the best react videos I've seen I really needed this thanks sooo much!!!!!!!
I've started learning react, and using material UI to make a to-do app(obviously), hands down best videos!🔥
Great one! Some content is a repetition from the 2nd class but I learned a lot. Keep it up and looking forward for the next tutorial!
Awesome, thank you!
Excellent videos, thank you! I watched them all and looking forward to more.
Awesome, thank you!
Thank you so much for this. I honestly needed this quick tutorial for our topic today!
Anthony you are doing great job, keep going!
You're really good at explaining stuff!
Amazing! Thank you for the brilliant work
Another great vid! Thanks so much for these.
keep going. You are doing a wonderful job !
Thank you so much, these videos have helped me tremendously. I hope you cover the material table with sort and select
That's the plan!
Im here for inspiration before starting to design, so that I wouldn't haste myself into initial ideas before understanding much about cool things that Material UI provides. This list has quite some video time but I love the way you explain and demonstrate things
nice and easy explanation
great vid as usual
First of all, thanks for the video, sometimes is hard to digest the official documentation if you are kinda new to MUI.
About the variant, the documentation says that "The props of the Paper component are also available", and in the Paper docs you can see what else you can do with it.
Example, you can use 'elevation' prop to set the thiccness of the shadow.
Just as a heads up if anyone was wondering about it.
your explanation is very nice. 👏🏻👏🏻
I'm glad it all made sense :)
Awesome content
Please complete material ui series
thank you for this series
Best tutorial for MUI. thx
I really appreciate all the comments Laszlo
Thanks! Helpful
The variant property in Card is inherited from Paper, as it tells you in the documentation.
Dude thank you so much! My fucking teacher is an useless person e.e so you've saved me... Thank you again!
You’re a lifesaver
May Allah reward you ❤️️
thank you for your tutorials.
Just a question:
why you din't use grid gap instead of manual padding?
Gap wasn't enough here?
thank u vey much
!
great stuff, thnx!
You bet!
Thanks brother, i think we can learn creating slide show next in react
12:15 I think the reason that they don't show it, because "inherits" from , so it has access to the same things. You can pass in a prop called square to Card to unround the corners (just like in Paper component) and they also don't mention it in the Card's documentation
But that's just hypothesis, I might be wrong on that one
correct
May be you didn't notice, above grid system broke when you added more than one card and you had a horizontal bar all the time.
yeah, but how to align elements between cards, I mean what if title in one cards takes more space than in the other and elements below them should be aligned? do you have video on that?
Thanks. It’s nice to be, if you add a beginning sandbox too, you move with screens a bit fast sometimes and as no native speaker can say, you speak a bit fast. For me it’s okay, but for most people too fast.
Massive thanks, again, Anthony. could you please make one more video for the internationalization working with MUI? fetch the transaction via API. thank you so much.
Hi Anthony, first of all thanks for the amazing videos about Material-UI. I'd like to ask you how can I create a card with 3 sections stacked and make the bottom section stays always on the bottom and the middle section occupy all of the available space. I'm trying this for days and I'm getting stuck on that. I really would be grateful if you had an example of this of, or maybe you make a video :D
Hey Robson! I am actually having a hard time visualizing the example you gave, do you have any examples I could look at to understand what you're looking for a bit better? :)
Hi...Amazing Videos as always....Can you please make a video on Form Validation please
Hi, Is there any alternative way that I could use just like cards but can have onChange prop so when I click it can read data. Right now I'm just using radio group
Hello, this was a very informative video but, I'm having trouble with having cards with different information from the same card component, can you explain how to or point me in the direction of a video which explains this? Thank you and great work!
Hello i wanna merge two card and create carousel , and the thing is i wanna drag and drop card over other after that i wanted that to happen
Hi, don't mind me, just leaving a comment here.
dope
i got a question about design, when i create a card does it recommended to specify the height in pixels? if its the answer is true, how can i make it responsive by doing so? thanks alot for the videos again!
Great!!! MerC
Gracias!
What about putting a card or other component on top of a map, specifically google-maps-react. Or laying out material UI components on top each other. Or is this improper use of the UI?
its an interesting idea actually - I've never tried something like this, but it sounds like it could be pulled off
Thanks a lot!!
No worries!
thank u very much for this helpful session, but i have a question
how can i put more than one image in one screen using material ui
for example if i want to insert 4 photos in one row and another row with 4 photos?
is there any possible way for that?
how would you truncate the description in the cards with an ellipsis to maintain the same card height, if it gets too long?
That would be pure javascript, something like
const truncatedString = `${myString.substring(0,length)}...`
how would you create a carousel of images for the media section..?
if i have more than one element and if i want to change its content (title, content,etc), ¿how do i do it?. Thank you
I have never seen someone drill down into the different APIs of the Material components. Can we do Material Cards with full background and with title, card content, card actions on top of the background?
Great suggestion Raghupathy!
how would you make the card as link to another page/component
How can i say.. god bless you!
Wow thank you a lot. would you mind to create about pagination?
Great suggestion! I will probably cover it soon :)
Your playlist has helped to understand Material UI a lot. I am going to start using some of the things I have learned here to my website MRuns.com ... do you know if MUI and React works with WordPress? I am sure it will work with PHP... I am not a WordPress or PHP developer.. So far, I only use Wordpress/php out of the box with few configurations. I will like to have more control over it by developing a better framework...
Side note: I will be subscribing to your channel. Looking forward to more great tutorials in the coming days.
Thank you for the kind words! I'm not sure if you can code custom plugins with react on WP actually - it might be something worth researching into!
i have to learn something which i didn't find online
if you have 3 cards besides, every card has 3 divs (header, content button), but content OR header divs can be different size in heights with 1line or 2 line text, and it should look in same height on every card even if its have 1line header
I need the popover tutorial
Palia dish hahaha
git hub?
Pailia dish XD it's pronounced pie-a-ya! It's a Spanish dish :)