Horizontal Card
Ready for production
Responsive
Simple Use
Show Code
Edit on Stackblitz
HorizontalCard.Body, HorizontalCard.Header and HorizontalCard.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
size="small"
Avenger's Endgame
Dislike
Like
size="medium" Default Size
Avenger's Endgame
Adrift in space with no food or water, Tony Stark sends a message to Pepper Potts...Dislike
Like
size="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
HorizontalCard.Body and HorizontalCard.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
HorizontalCard, HorizontalCard.Body, HorizontalCard.Header, HorizontalCard.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