I just finished creating a card component for streamlit,
It also supports delta values and progress bars,
pip install st-card
from st_card import st_card
st_card('Completed Orders', value=76.4, show_progress=True)
Hoping to see some cool apps built with this
Ah, this is so cool @akshanshkmr ! Thank you
I’ll make sure to use it !
That’s a lovely and useful new component (another one! )
Thanks for creating it and sharing it with the community, Akshansh!
Could you add your component to the tracker Streamlit Components - Community Tracker - Show the Community! - Streamlit ? So w don’t lose it in the forum?
Thanks, one day I should build a Discourse bot for this
Awesome @akshanshkmr, the card looks really cool.
May I make a suggestion: is there a way to change the card’s background colour?
Thank you for this lovely component.
I made the background colour dependent on the app theme, but surely i can add an argument for it in the next version.
Thanks for the suggestion,
@akshanshkmr - Nice to see you having loads of fun Streamlitin’ Great component.
Thank you for creating this ! Kudos
Thanks @arky and welcome to the community🎈
Hello, can you make a serious tutorials to teach us to make streamlit component and publish them.
more simple will be more popular.
Streamlit’s youtube channel has a great 2 part series on this very topic.
You can check it out.
I had saw that, it is not easy for me to understand that.
I hope we can have more simple tutorials.
Maybe @Charly_Wargnier can pass on the feedback to the dev team.
how can we control the digits of decimal values? If I want to show a value of 2.1322, how can we do that?
This is not currently supported, I can implement it in the next version
Thanks for the suggestion
Hey @BeyondMyself you can also try https://streamlit-components-tutorial.netlify.app/ .
Maybe if we were to make a more specific components tutorial, what resonates with you and what needs more clarity for you in those tutorials?
Thank you. I will learn it carefully.
This component is something I have been waiting for a long time.
I once implemented something similar. The challenge is
to make it stackable with other streamlit components as well.
For example, could you include a ‘st.image()’ as a value?
Just a suggestion you could consider .
I totally forgot to mention that return events from on_click on/in elements of the card would be
something wanted to!
Thanks for the suggestions chris,
I’ll definitely experiment apong these lines