March 2019
Intermediate to advanced
534 pages
14h 52m
English
The CardActions component handles aligning the button items inside of it, both horizontally, and making sure they're placed at the bottom of the card. The disableActionSpacing property removes the extra margin added by CardActions. Typically, you'll use this property any time you're using an IconButton component for your actions.
Let's take a closer look at the markup:
<CardActions disableActionSpacing> <IconButton> <ContactMailIcon /> </IconButton> <IconButton> <ContactPhoneIcon /> </IconButton></CardActions>
Like the other child components of Card, the CardActions component makes the overall card structure semantic, as it is a sibling of related card functionality. The items placed within CardActions can be anything you ...
Read now
Unlock full access