This component can be used for simple/easy solutions and is also easy to use. You have the opportunity to place content on the main card/placeholder and also the content that will be hidden until the User does a hover on the Card/Component.
If you have anything to add to this component, any new idea, or critic, feel free to reach out on my profile or on the comments.
Thank you!
On the Placeholder Title, now, it has full width. There is also a calculation that makes the width be relative to the spacing that is given to the content(floating content). In this case, if the content as a space(padding) of 24px. The placeholder title will have a width of 100% minus that spacing. This way everything will be symmetrical