Streamlit for ML #5.2 - MUI Card Component Build

preview_player
Показать описание
▶️ Streamlit for ML Part 5.3:

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:

📕 Article:
Coming soon

🤖 70% Discount on the NLP With Transformers in Python course:

🎉 Subscribe for Article and Video Updates!

📖 Friend link to article:
Coming soon

👾 Discord:

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
Рекомендации по теме
Комментарии
Автор

Hi James! Thanks for another amazing tutorial!

mugeerdogmusbirlik
Автор

Never thought I could combine react with streamlit! Looking forward to more!

benxneo
Автор

Nice :) I'll be pushing this to anyone that asks me for another "st.card" component eheheh
Great job showing off how it works!

andfanilo