Stacked Card
Ready for production
Responsive
Simple Use
Show Code
Edit on Stackblitz
StackedCard.Body, StackedCard.Header and StackedCard.Footer's children should be able to have their own width such as (width: 300px) or are block elements.
Avenger's Endgame
Adrift in space with no food or water, Tony Stark sends a message to Pepper Potts as his oxygen supply starts to dwindle.Dislike
Like
No Shadow
Show Code
Edit on Stackblitz
shadowed={false}
Avenger's Endgame
Adrift in space with no food or water, Tony Stark sends a message to Pepper Potts as his oxygen supply starts to dwindle.Dislike
Like
Custom Sizes (i.e height of card)
Show Code
Edit on Stackblitz
small
Avenger's Endgame
Adrift in space with no food or water, Tony Stark sends a message to Pepper Potts as his oxygen supply starts to dwindle.Dislike
Like
mediumDefault Size
Avenger's Endgame
Adrift in space with no food or water, Tony Stark sends a message to Pepper Potts...Dislike
Like
large
Avenger's Endgame
Adrift in space with no food or water, Tony Stark sends a message to Pepper Potts as his oxygen supply starts to dwindle.Dislike
Like
style={{ height: '100px' }}
Avenger's Endgame
Adrift in space with no food or water, Tony Stark...Dislike
Like
Disabled Use
Show Code
Edit on Stackblitz
Avenger's Endgame
Adrift in space with no food or water, Tony Stark sends a message to Pepper Potts as his oxygen supply starts to dwindle.Dislike
Like
Bordered & Border Color
Show Code
Edit on Stackblitz
StackedCard.Body and StackedCard.Footer can be bordered and can optionally have a border color
Avenger's Endgame
Adrift in space with no food or water, Tony Stark sends a message to Pepper Potts as his oxygen supply starts to dwindle.Dislike
Like
Custom Class
Show Code
Edit on Stackblitz
StackedCard, StackedCard.Body, StackedCard.Header, StackedCard.footer can accept custom classes
Avenger's Endgame
Adrift in space with no food or water, Tony Stark sends a message to Pepper Potts as his oxygen supply starts to dwindle.Dislike
Like