Streamlit for ML #5.2 - MUI Card Component Build

▶️ Streamlit for ML Part 5.3: https://www.youtube.com/watch?v=lZ2EaPUnV7k&list=PLIUOU7oqGTLg5ssYxPGWaci6695wtosGw&index=7

There are plenty of prebuilt components designed by Streamlit themselves, and if you can't find what you need, there are even community-built components.

If you're still stuck, and there is just no component that covers what you need, we can build our own custom components.

To do this we do need to start playing with the lower-level web technologies that Streamlit itself is built upon. So it isn't as simple as using a prebuilt component. However, thanks to pre-made templates, it isn't too hard to create a new component.

In this sub-series, we'll learn exactly how to create custom components. We'll focus on designing an interactive card component using Material UI design elements.

▶️ Streamlit for ML Playlist: https://www.youtube.com/watch?v=JLKUV-LiXjk&list=PLIUOU7oqGTLg5ssYxPGWaci6695wtosGw&index=1

📕 Article: Coming soon

🤖 70% Discount on the NLP With Transformers in Python course: https://bit.ly/3DFvvY5

🎉 Subscribe for Article and Video Updates! https://jamescalam.medium.com/subscribe https://medium.com/@jamescalam/membership

📖 Friend link to article: Coming soon

👾 Discord: https://discord.gg/c5QtDB9RAP

00:00 Intro 01:59 Clearing Card Component 04:59 Building the Component 14:22 Pulling in MUI Code 24:08 Adding Roboto Font 26:05 Final Points ... https://www.youtube.com/watch?v=mxm8ihWoVbk